:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0f172a;color:#e2e8f0;display:flex;align-items:flex-start;justify-content:center}#root{width:100%;max-width:480px;padding:48px 20px}.brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.brand .dot{width:10px;height:10px;border-radius:50%;background:#22d3ee}.subtitle{color:#64748b;font-size:13px;margin:0 0 28px 18px}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px}.card h2{margin:0 0 4px;font-size:16px;color:#fff}.card p.hint{margin:0 0 18px;font-size:13px;color:#94a3b8}label{display:block;font-size:12px;color:#94a3b8;margin:14px 0 6px}input{width:100%;padding:10px 12px;border-radius:8px;background:#0f172a;border:1px solid #334155;color:#e2e8f0;font-size:14px}input:focus{outline:none;border-color:#22d3ee}button{width:100%;margin-top:20px;padding:11px 12px;border:none;border-radius:8px;background:#06b6d4;color:#042f2e;font-weight:600;font-size:14px;cursor:pointer}button:hover{background:#22d3ee}button:disabled{background:#334155;color:#64748b;cursor:not-allowed}.row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.who{font-size:13px;color:#cbd5e1}.linkbtn{width:auto;margin:0;padding:4px 8px;background:transparent;color:#94a3b8;font-weight:500;font-size:12px}.linkbtn:hover{background:#334155;color:#fff}.msg{margin-top:16px;padding:12px;border-radius:8px;font-size:13px;line-height:1.5}.msg.ok{background:#10b9811f;border:1px solid rgba(16,185,129,.4);color:#6ee7b7}.msg.err{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.denied{text-align:center;padding:40px 0}.denied h2{color:#fca5a5}.denied p{color:#94a3b8;font-size:14px}