:root{color-scheme:dark;--bg:#07131d;--panel:#102431;--line:rgba(190,220,226,.17);--ink:#edf5f1;--muted:#91a8af;--mint:#61d4bf;--amber:#f3b56a}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 82% 0,rgba(97,212,191,.15),transparent 28rem),radial-gradient(circle at 0 100%,rgba(243,181,106,.08),transparent 24rem),var(--bg);color:var(--ink);font-family:"Segoe UI Variable","Aptos","Segoe UI",sans-serif}.shell{width:min(100%,440px)}.brand{display:flex;align-items:center;gap:12px;margin:0 0 20px}.mark{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(97,212,191,.55);border-radius:15px 15px 15px 5px;color:var(--mint);font-size:22px;font-weight:800;box-shadow:0 0 0 7px rgba(97,212,191,.05)}.brand strong{display:block;font-size:19px}.brand span{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.card{border:1px solid var(--line);border-radius:24px;padding:28px;background:linear-gradient(150deg,rgba(20,45,59,.96),rgba(12,29,41,.98));box-shadow:0 28px 80px rgba(0,0,0,.3)}h1{margin:0;font-size:34px;line-height:1.02;letter-spacing:-.055em}p{color:var(--muted);line-height:1.6}.error{margin:18px 0 0;border:1px solid rgba(242,141,128,.4);border-radius:12px;padding:11px 12px;background:rgba(242,141,128,.08);color:#ffc1b8;font-size:13px}form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;color:#cbdade;font-size:12px;font-weight:700}input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:rgba(255,255,255,.04);color:var(--ink);font:inherit;outline:0}input:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(97,212,191,.14)}button{min-height:48px;border:0;border-radius:12px;background:var(--mint);color:#08231f;font:inherit;font-weight:800;cursor:pointer}button:hover{background:#7be0ce}.note{margin:18px 0 0;font-size:12px}.note strong{color:var(--amber)}