:root{color-scheme:dark;--bg:#0a1011;--panel:#0d181a;--line:#214447;--accent:#39e8df;--muted:#80bab8;--text:#a3eae5;--red:#ff6168}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 70% 0,#102b2d 0,transparent 58%),var(--bg);color:var(--text);font:15px/1.55 system-ui,sans-serif}.login-shell{min-height:100svh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,420px);padding:32px;background:var(--panel);border:1px solid var(--line);position:relative;box-shadow:0 20px 70px #0008}.login-card:before{content:"";position:absolute;inset:-1px auto auto -1px;width:12px;height:12px;border-left:1px solid var(--accent);border-top:1px solid var(--accent)}.brand{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:24px;font-weight:750;letter-spacing:.2em}.orbit{width:32px;height:32px;border:1px solid var(--accent);border-radius:50%;position:relative}.orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);right:0;bottom:0;box-shadow:0 0 0 3px var(--panel)}.eyebrow{margin:30px 0 0;color:var(--accent);font:12px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}h1{font-size:42px;line-height:1;margin:8px 0}.muted{color:var(--muted)}form{display:grid;gap:10px;margin-top:25px}label{color:var(--accent);font:12px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}input{width:100%;padding:12px;background:#091214;border:1px solid var(--line);color:var(--text);font:inherit}input:focus{outline:1px solid var(--accent);border-color:var(--accent)}button{margin-top:5px;padding:11px;border:1px solid #387371;background:#112729;color:var(--accent);font:inherit;font-weight:700;cursor:pointer}#message{min-height:1.5em;margin:0;color:var(--red)}@media(max-width:480px){.login-shell{padding:14px}.login-card{padding:24px}h1{font-size:36px}}