:root{--ink: #f4eefb;--dim: rgba(244, 238, 251, .62);--faint: rgba(244, 238, 251, .34);--violet: hsl(279, 92%, 66%);--violet-soft: hsla(279, 92%, 66%, .16);--line: hsla(279, 60%, 70%, .16);--panel: rgba(14, 8, 22, .82);--bad: hsl(348, 88%, 70%);--good: hsl(150, 66%, 62%);--bar: 52px;color-scheme:dark}*{margin:0;box-sizing:border-box}html,body,#app{height:100%}body{background:#07040c;color:var(--ink);font-family:Avenir Next,Avenir,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}a{color:var(--violet);text-decoration:none}a:hover{text-decoration:underline}.topbar{position:fixed;inset:0 0 auto 0;height:var(--bar);z-index:600;display:flex;align-items:center;gap:18px;padding:0 18px;background:#07040ca8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar .brand{display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.16em;text-transform:lowercase;color:var(--ink)}.topbar .brand img{width:22px;height:22px}.topbar .spacer{margin-left:auto}.topbar .who{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--dim)}.pip{width:8px;height:8px;border-radius:50%;background:#f4eefb33;box-shadow:none;transition:background .3s,box-shadow .3s}.pip.on{background:var(--good);box-shadow:0 0 8px #5ede9ecc}.page{height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;padding:calc(var(--bar) + 24px) 20px 40px;background:radial-gradient(1100px 620px at 50% -10%,hsla(279,80%,40%,.2),transparent 70%),radial-gradient(700px 460px at 82% 108%,hsla(310,70%,44%,.14),transparent 70%),#07040c}.card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px 24px;box-shadow:0 24px 60px #00000080}.card.wide{max-width:560px}.card h1{font-size:21px;font-weight:600;letter-spacing:.01em;margin-bottom:6px}.card .lede{font-size:13.5px;line-height:1.55;color:var(--dim);margin-bottom:20px}label{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin:0 0 6px}input[type=text],input[type=email],input[type=password]{width:100%;padding:11px 13px;font:inherit;font-size:14px;color:var(--ink);background:#ffffff0a;border:1px solid var(--line);border-radius:9px;outline:none;transition:border-color .18s,box-shadow .18s}input:focus{border-color:#c86cf999;box-shadow:0 0 0 3px var(--violet-soft)}.field{margin-bottom:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;font:inherit;font-size:14px;font-weight:600;color:#150a1f;background:linear-gradient(180deg,#e180fa,#af49f3);border:none;border-radius:9px;cursor:pointer;transition:filter .18s,transform .06s}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink);font-weight:500}.btn.ghost:hover:not(:disabled){border-color:#c86cf980}.btn.small{width:auto;padding:7px 12px;font-size:12px}.row{display:flex;gap:10px}.row>*{flex:1}.muted{font-size:12.5px;color:var(--dim);line-height:1.6}.alert{padding:9px 12px;border-radius:8px;font-size:13px;line-height:1.45;margin-bottom:14px;border:1px solid}.alert.error{color:var(--bad);border-color:#f66f8a59;background:#f33f631a}.alert.ok{color:var(--good);border-color:#5ede9e4d;background:#2bd4801a}.tabs{display:flex;gap:4px;margin-bottom:22px;padding:4px;background:#ffffff0a;border-radius:10px}.tabs button{flex:1;padding:8px;font:inherit;font-size:13px;color:var(--dim);background:transparent;border:none;border-radius:7px;cursor:pointer}.tabs button.on{color:var(--ink);background:var(--violet-soft)}.code{font-family:SF Mono,Courier New,monospace;font-size:19px;letter-spacing:.22em;color:#e693fb}@media(max-width:480px){.topbar{padding:0 12px;gap:12px}.card{padding:22px 18px}}