*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.relative{position:relative}.mb-7{margin-bottom:1.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-\[10px\]{gap:10px}.rounded{border-radius:.25rem}.border{border-width:1px}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#f0f0f2;color:#0d0d0d;-webkit-font-smoothing:antialiased}[data-theme=light] body{background:#f0f0f2;color:#0d0d0d}[data-theme=dark] body{background:#121212;color:#f5f5f7}.auth-page{--bg: #f5f5f7;--bg-card: #ffffff;--border: #d1d5db;--border-focus: #1976d2;--text: #1a1a1a;--text-muted: #6b7280;--text-dim: #9ca3af;--accent: #1976d2;--success: #2e7d32;--error: #d32f2f;--font-serif: "Playfair Display", Georgia, serif;--font-mono: "DM Mono", monospace;--font-sans: "Mulish", system-ui, sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--bg);box-sizing:border-box}[data-theme=dark] .auth-page{--bg: #121212;--bg-card: #1e1e1e;--border: #3a3a3a;--border-focus: #1976d2;--text: #f5f5f7;--text-muted: #9ca3af;--text-dim: #6b7280}.auth-card{width:100%;max-width:420px;min-width:280px;padding:32px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 12px #0000000f;box-sizing:border-box;position:relative;animation:authFadeUp .35s ease}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0;background:var(--accent)}.auth-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.auth-heading h1{font-family:var(--font-serif);font-size:26px;font-weight:700;color:var(--text);margin:0 0 8px}.auth-heading p{font-size:14px;color:var(--text-muted);margin:0;line-height:1.5}.auth-field label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.auth-field input{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:12px 13px;font-size:14px;color:var(--text);width:100%;box-sizing:border-box}.auth-field input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #1976d226}.auth-btn{width:100%;font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;padding:14px 24px;border-radius:10px;border:none;background:var(--accent);color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #1976d259}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.otp-inputs{display:flex;flex-direction:row;justify-content:center;gap:10px;flex-wrap:wrap}.otp-digit{width:48px;height:56px;font-family:var(--font-mono);font-size:22px;text-align:center;border:2px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text);box-sizing:border-box}.otp-digit:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1976d226}.otp-digit.filled{border-color:var(--success);background:#2e7d3214}.otp-digit.error{border-color:var(--error);animation:authShake .4s ease}.auth-error{padding:12px 14px;background:#d32f2f14;border:1px solid var(--error);border-radius:10px;color:var(--error);font-family:var(--font-mono);font-size:12px}.auth-footer{margin-top:20px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-align:center}.auth-link,.auth-link-btn{color:var(--accent);text-decoration:none}.auth-link:hover,.auth-link-btn:hover{text-decoration:underline}.auth-verifying{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px}.auth-spinner{color:var(--accent)}.auth-error-state{text-align:center;padding:24px}.auth-error-state h2{font-family:var(--font-serif);font-size:20px;color:var(--text);margin:0 0 8px}.auth-error-state p{font-size:14px;color:var(--text-muted);margin:0 0 20px}@keyframes authFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes authShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes authSpin{to{transform:rotate(360deg)}}@media (min-width: 600px){.auth-card{padding:40px}.auth-heading h1{font-size:30px}.otp-digit{width:52px;height:60px;font-size:24px}}