:root{--bg: #f4f7fb;--card: #ffffff;--text: #152238;--muted: #4b5f7a;--primary: #005f73;--primary-strong: #0a9396;--danger: #b42318;--border: #d8e2ef}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at 10% 20%,rgba(10,147,150,.08),transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,95,115,.08),transparent 35%),var(--bg);color:var(--text);font-family:Avenir Next,Segoe UI,sans-serif}main{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:100%;max-width:720px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 10px 30px #15223814}h1{margin:0 0 8px;font-size:1.8rem}p{margin:0 0 16px;color:var(--muted)}form{display:grid;gap:12px;margin-bottom:16px}label{font-size:.9rem;color:var(--muted)}input{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:.95rem}button{border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;font-weight:600;cursor:pointer}.result{border:1px dashed var(--border);border-radius:12px;padding:12px;background:#f9fcff}.token{word-break:break-all;font-family:Menlo,Consolas,monospace}.error{color:var(--danger);font-size:.9rem}