.site-tagline{font-family:noto sans,segoe ui,helvetica neue,Helvetica,Roboto,FreeSans,sans-serif;font-size:1em;color:#5f5f5f;margin-top:.3em}.site-keywords{font-family:noto sans,segoe ui,helvetica neue,Helvetica,Roboto,FreeSans,sans-serif;font-size:.85em;letter-spacing:.02em;color:#898989;margin-top:.2em}.site-name-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5em}.lang-switcher{display:flex;gap:.3em;font-family:noto sans,segoe ui,helvetica neue,Helvetica,Roboto,FreeSans,sans-serif;font-size:.55em}.lang-switcher .lang-link{display:inline-flex;align-items:center;gap:.25em;color:#898989;text-decoration:none;padding:.15em .5em;border-radius:999px;border:1px solid #d2d2d2;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.lang-switcher .lang-link .lang-flag{font-size:.95em;line-height:1}.lang-switcher .lang-link .lang-code{font-weight:600;letter-spacing:.02em}.lang-switcher .lang-link.active{color:#4a6b8a;background-color:rgba(74,107,138,.15);border-color:rgba(74,107,138,.4)}.lang-switcher .lang-link:not(.active):hover{color:#4a6b8a;border-color:#4a6b8a}.tool-back-link{display:inline-flex;align-items:center;gap:.3em;font-size:.9rem;font-weight:600;color:#898989;text-decoration:none;margin-bottom:1em;transition:color .2s ease}.tool-back-link:hover{color:#4a6b8a}.tool-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1em;margin-top:1.5em}.tool-card{display:flex;flex-direction:column;gap:.5em;padding:1.3em;border-radius:14px;border:1px solid #eee;background:#fff;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(0,0,0,3%);transition:box-shadow .2s ease,border-color .2s ease,transform .15s ease}.tool-card:hover{box-shadow:0 10px 24px rgba(74,107,138,.16);border-color:rgba(74,107,138,.4);transform:translateY(-3px)}.tool-card .tool-card-title{font-family:noto serif,segoe ui,helvetica neue,Helvetica,Roboto,FreeSans,serif;font-size:1.1rem;font-weight:700;color:#4a6b8a}.tool-card .tool-card-desc{font-size:.88rem;line-height:1.5;color:#898989}.tool-card .tool-card-cta{margin-top:auto;padding-top:.6em;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#4a6b8a}.jwt-tool{font-family:noto sans,segoe ui,helvetica neue,Helvetica,Roboto,FreeSans,sans-serif;margin:1.8em 0;padding:1.6em;border-radius:16px;background:linear-gradient(180deg,#FAFBFC 0%,#F4F6F8 100%);border:1px solid #eaedf0;box-shadow:0 1px 3px rgba(0,0,0,4%),0 12px 28px rgba(74,107,138,6%)}.jwt-tool textarea,.jwt-tool input{width:100%;box-sizing:border-box;font-family:Menlo,Monaco,courier new,monospace;font-size:.85rem;line-height:1.5;padding:.7em .8em;border:1px solid #e0e4e8;border-radius:10px;background:#fff;color:#3d3d3d;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.jwt-tool textarea:focus,.jwt-tool input:focus{outline:none;border-color:#4a6b8a;box-shadow:0 0 0 3px rgba(74,107,138,.15)}.jwt-tool label{display:block;font-weight:700;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;color:#8a94a3;margin:1em 0 .4em}.jwt-tool .jwt-tool-notice{display:inline-block;font-size:.82rem;color:#5f5f5f;background:rgba(74,107,138,8%);border-radius:999px;padding:.35em .9em;margin-bottom:1.2em}.jwt-tool .jwt-tool-columns{display:flex;flex-wrap:wrap;gap:1.6em}.jwt-tool .jwt-tool-col{flex:1 1 280px;min-width:0}.jwt-tool .jwt-tool-encoded{height:220px;word-break:break-all;border-left:3px solid #4a6b8a}.jwt-tool .jwt-tool-json{height:95px}.jwt-tool .jwt-tool-pubkey{height:110px}.jwt-tool .jwt-tool-alg-badge{display:inline-block;font-family:Menlo,Monaco,courier new,monospace;font-size:.72rem;font-weight:700;color:#fff;background:#4a6b8a;border-radius:999px;padding:.15em .65em;margin-left:.5em;letter-spacing:.02em}.jwt-tool .jwt-tool-error{color:#b5473f;background:rgba(181,71,63,8%);border:1px solid rgba(181,71,63,.3);border-radius:10px;padding:.7em .9em;margin-top:1.2em;font-size:.85rem}.jwt-tool .jwt-tool-verify{margin-top:1.8em;padding-top:1.4em;border-top:1px solid rgba(0,0,0,6%)}.jwt-tool .jwt-tool-verify h4{margin:0 0 .3em;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:#8a94a3}.jwt-tool .jwt-tool-actions{display:flex;flex-wrap:wrap;gap:.7em;margin-top:1em}.jwt-tool .jwt-tool-btn{font-family:inherit;font-size:.85rem;font-weight:700;color:#fff;background:#4a6b8a;border:none;border-radius:999px;padding:.6em 1.3em;cursor:pointer;box-shadow:0 2px 6px rgba(74,107,138,.3);transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.jwt-tool .jwt-tool-btn:hover{background:#3c566f;transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,107,138,.35)}.jwt-tool .jwt-tool-btn.jwt-tool-btn-secondary{background:#fff;color:#4a6b8a;border:1px solid #c9d3dc;box-shadow:none}.jwt-tool .jwt-tool-btn.jwt-tool-btn-secondary:hover{background:#f0f3f6;box-shadow:none}.jwt-tool .jwt-tool-result{margin-top:1em;font-weight:700;font-size:.9rem;padding:.6em .9em;border-radius:10px}.jwt-tool .jwt-tool-result.jwt-tool-result-ok{color:#2f7a4d;background:rgba(47,122,77,.1)}.jwt-tool .jwt-tool-result.jwt-tool-result-bad{color:#b5473f;background:rgba(181,71,63,.1)}