:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark;background:#10181a;color:#eef5f3}*{box-sizing:border-box}body{margin:0}.shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,#204b49 0,transparent 45%),#10181a}.panel{width:min(100%,440px);border:1px solid #34504d;border-radius:22px;background:#182526;padding:32px;box-shadow:0 24px 70px #0006}.brand{font-weight:850;letter-spacing:.1em;font-size:1.2rem}.brand span{color:#78dfc1}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#9cbdb5;font-size:.75rem;margin-top:28px}h1{font-size:clamp(1.7rem,4vw,2.2rem);margin:8px 0 12px}#status{color:#b6d0c8;line-height:1.5;min-height:3em}form{display:grid;gap:12px;margin-top:20px}label{font-size:.9rem}input{width:100%;border:1px solid #45645e;border-radius:10px;padding:13px;background:#0d1919;color:#fff;font:inherit}input:focus-visible,button:focus-visible{outline:3px solid #9de8cd;outline-offset:2px}button{border:0;border-radius:10px;background:#86e6c6;color:#0d2823;font:inherit;font-weight:700;padding:13px;cursor:pointer}button.secondary{background:transparent;color:#a7e9d2;border:1px solid #4e766b}button:disabled{opacity:.6;cursor:wait}section[hidden],form[hidden]{display:none}#workspace{margin-top:24px;line-height:1.5}@media(max-width:480px){.panel{padding:24px;border-radius:16px}}