*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080D14;--surface: #0d1117;--surface-2: #121820;--border: #1E2D40;--border-subtle: rgba(255,255,255,.06);--amber: #F59E0B;--amber-dim: rgba(245,158,11,.12);--amber-border: rgba(245,158,11,.28);--amber-dark: #92400e;--green: #10B981;--red: #EF4444;--text-primary: #F0F4F8;--text-secondary: #8FA8C0;--text-muted: #4A6080;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--radius: 12px}html,body{background:var(--bg);color:var(--text-primary);font-family:var(--font);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--amber);text-decoration:none}a:hover{opacity:.85}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input{font-family:var(--font);outline:none}.btn-primary{width:100%;padding:13px 20px;background:linear-gradient(135deg,#92400e,#b45309);color:#fef3c7;font-weight:700;font-size:15px;border-radius:var(--radius);border:1px solid var(--amber-border);transition:all .15s ease;box-shadow:0 2px 14px #f59e0b29}.btn-primary:hover{background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 0 22px #f59e0b47;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{width:100%;padding:12px 20px;background:transparent;color:var(--text-secondary);font-weight:600;font-size:14px;border:1px solid var(--border);border-radius:var(--radius);transition:background .15s,color .15s}.btn-ghost:hover{background:var(--surface-2);color:var(--text-primary)}.input-field{width:100%;padding:13px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:15px;transition:border-color .15s,box-shadow .15s}.input-field:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f59e0b1a}.input-field::placeholder{color:var(--text-muted)}.card{background:var(--surface);border:1px solid rgba(245,158,11,.12);border-radius:18px;padding:36px 40px;box-shadow:0 4px 40px #00000080,0 0 0 1px #f59e0b0d}@media(max-width:480px){.card{padding:28px 20px;border-radius:14px}}.label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.06em;text-transform:uppercase}.error-msg{padding:12px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#f87171;font-size:14px;line-height:1.5}.success-msg{padding:12px 16px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:10px;color:#34d399;font-size:14px;line-height:1.5}.divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.tab-bar{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:4px;gap:2px}.tab-btn{flex:1;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:600;color:var(--text-muted);background:transparent;transition:all .15s}.tab-btn.active{background:linear-gradient(135deg,#92400e,#b45309);color:#fef3c7;box-shadow:0 2px 8px #f59e0b33}.otp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.otp-input{aspect-ratio:1;text-align:center;font-size:22px;font-weight:800;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);caret-color:var(--amber);transition:border-color .15s,box-shadow .15s;width:100%}.otp-input:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f59e0b1a}.rald-logo-glow{filter:drop-shadow(0 0 10px rgba(245,158,11,.4));transition:filter .2s ease}.rald-logo-glow:hover{filter:drop-shadow(0 0 18px rgba(245,158,11,.65))}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.badge-amber{background:var(--amber-dim);border:1px solid var(--amber-border);color:var(--amber)}.badge-green{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:var(--green)}
