:root{color-scheme:dark;--bg:#0e1a26;--panel:#172735;--text:#f2f5f7;--muted:#bac8d1;--line:#344858;--blue:#56b6df;--yellow:#e3bb32;--coral:#f09298}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-underline-offset:4px}header,footer{max-width:1120px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:25px;font-weight:900;letter-spacing:-1px;text-decoration:none;color:white}.brand span{color:var(--yellow);margin-left:5px}header>a:last-child{font-size:14px}main{max-width:1120px;min-height:70vh;margin:auto;padding:45px 24px 65px;display:grid;grid-template-columns:1fr 440px;gap:65px;align-items:center}.eyebrow{color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:1.6px}h1{font-size:clamp(36px,5vw,59px);line-height:1.12;margin:15px 0 22px;letter-spacing:-2px}h2{font-size:30px;line-height:1.2;margin:10px 0 16px}.intro>p:not(.eyebrow),li{color:var(--muted)}ul{padding-left:22px;margin:28px 0}li{margin:15px 0}.note{font-size:14px;max-width:430px}.panel{padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 20px 65px #0003}label{display:block;font-weight:600;font-size:15px;margin:18px 0 8px}input{width:100%;background:#0c1923;color:white;border:1px solid #51697b;border-radius:10px;padding:13px 12px;font:inherit;font-size:17px;min-width:0;margin-top:7px}input:focus{outline:3px solid #56b6df77;outline-offset:2px}button,.button{display:block;width:100%;min-height:48px;border:0;border-radius:10px;padding:12px 16px;background:#a7d8f0;color:#111;font:inherit;font-weight:750;text-align:center;cursor:pointer;text-decoration:none;margin:18px 0 0}button:hover,.button:hover{filter:brightness(1.08)}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:disabled{cursor:wait;opacity:.55}.secondary{background:#243d4e;color:var(--text);border:1px solid #4d687b}.text{background:none;color:var(--blue);font-size:14px;margin:8px 0 0;padding:7px;min-height:44px}.password{display:flex;gap:7px;align-items:center}.password input{flex:1}.password button{width:auto;font-size:12px;padding:10px;margin:7px 0 0;background:#314b5f;color:white;min-height:48px}#context{color:var(--muted);font-size:15px}#status{font-size:14px;overflow-wrap:anywhere;white-space:pre-line}#status:empty{display:none}#status.error{color:#ffb0b5;background:#421e26;padding:12px;border-radius:9px}#status.ok{color:#b5e3aa;background:#1d392c;padding:12px;border-radius:9px}#identity{overflow-wrap:anywhere}.help{font-size:12px;color:var(--muted);margin:25px 0 0}.help a{display:inline-block}footer{border-top:1px solid var(--line);flex-wrap:wrap;font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:800px){header{padding:20px}main{grid-template-columns:1fr;gap:25px;padding:15px 20px 40px}.intro h1{font-size:36px;margin:12px 0}.intro ul{display:none}.intro .note{margin-bottom:0}.panel{max-width:510px;width:100%;margin:auto;padding:25px}.intro{max-width:510px;margin:auto;width:100%}footer{padding:20px;gap:15px}}
