*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08080f;--surface:#0e0e1c;--surface-2:#16162a;--border:#24243d;--text:#f0f0ff;--text-2:#8080a8;--text-3:#404058;--accent:#6366f1;--accent-light:#818cf8;--accent-dim:#6366f11f;--accent-glow:#6366f14d;--danger:#f43f5e;--success:#10b981;--warning:#f59e0b}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}input:not([type=checkbox]):not([type=radio]),textarea,select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);appearance:none;border-radius:10px;width:100%;padding:13px 14px;font-family:inherit;font-size:15px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}input::placeholder,textarea::placeholder{color:var(--text-3)}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;padding:13px 18px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .1s}button:active:not(:disabled){opacity:.65}button:disabled{opacity:.35;cursor:not-allowed}.btn{background:var(--accent);color:#fff;text-align:center;width:100%;box-shadow:0 2px 12px var(--accent-glow);display:block}.btn-ghost{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);text-align:center;width:100%;display:block}.btn-danger{color:var(--danger);text-align:center;background:0 0;border:1px solid #ef444440;width:100%;display:block}.btn-outline{color:var(--text-2);border:1px solid var(--border);text-align:center;background:0 0;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.muted{color:var(--text-2)}.small{font-size:13px}.error{color:var(--danger);font-size:13px}.success-msg{color:var(--success);font-size:13px}.badge-otp{background:var(--warning);color:#000;letter-spacing:3px;border-radius:8px;padding:6px 16px;font-family:ui-monospace,monospace;font-size:18px;font-weight:700;display:inline-block}