:root{--bg:#0e0e10;--surface:#17171a;--border:#2a2a30;--text:#ededf0;--muted:#8b8b96;--accent:#1f6feb;--danger:#d1394a}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.center{min-height:100dvh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px}.card h1{margin:0 0 4px;font-size:20px;font-weight:600}.card p.sub{margin:0 0 24px;font-size:14px}.card p.sub,label{color:var(--muted)}label{display:block;font-size:13px;margin-bottom:6px}input{width:100%;padding:10px 12px;margin-bottom:16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px}input:focus{outline:none;border-color:var(--accent)}button{width:100%;padding:11px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:500;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}.error{margin:0 0 16px;padding:10px 12px;background:rgba(209,57,74,.12);border:1px solid rgba(209,57,74,.4);border-radius:8px;color:#ff8b98;font-size:13px}.room{height:100dvh}.link{display:inline-block;margin-top:16px;color:var(--muted);font-size:13px}