:root{--bg:#0f0f0f;--surface:#1a1a1a;--card:#242424;--gold:#f5b301;--green:#2ecc71;--muted:#9b9b9b;--text:#f2f2f2;--error:#e74c3c;--inactive:#666;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased}.page{max-width:480px;min-height:100vh;margin:0 auto;padding:16px 14px 40px}.topbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.brand{color:var(--gold);letter-spacing:.5px;font-size:28px;font-weight:800}.close-btn{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:28px;font-weight:700;line-height:1}.hero{background:linear-gradient(135deg,#1a1a1a,#2a2208 40%,#142018);border:1px solid #333;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:140px;margin-bottom:18px;display:flex;position:relative;overflow:hidden}.hero-inner{text-align:center;padding:24px 16px}.hero-logo{color:var(--gold);font-size:22px;font-weight:800}.hero-tag{color:var(--text);margin-top:8px;font-size:14px}.welcome{color:var(--gold);margin:8px 0 18px;font-size:22px;font-weight:700}.card{background:var(--card);border:1px solid #2e2e2e;border-radius:10px;margin-bottom:14px;padding:16px}.card h2{letter-spacing:1px;color:var(--text);margin:0 0 10px;font-size:15px}.card p{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.45}.option{color:var(--text);align-items:center;gap:10px;margin:10px 0;font-size:14px;display:flex}.option input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.masked{color:var(--muted);margin-left:auto;font-size:13px}.actions{justify-content:flex-end;margin-top:12px;display:flex}.link-btn{cursor:pointer;color:var(--inactive);background:0 0;border:none;padding:4px 0;font-size:14px;font-weight:700}.link-btn.active{color:var(--green)}.link-btn:disabled{cursor:not-allowed;opacity:.7}.otp-row{justify-content:space-between;gap:8px;margin:14px 0 8px;display:flex}.otp-box{width:42px;height:48px;color:var(--text);text-align:center;background:#111;border:1px solid #444;border-radius:6px;font-size:20px;font-weight:700}.otp-box:focus{outline:1px solid var(--gold);border-color:var(--gold)}.error{color:var(--error);margin-top:8px;font-size:13px}.status{color:var(--green);margin-top:8px;font-size:13px}.loading,.empty{text-align:center;color:var(--muted);padding:40px 16px}