/* ===== ONBOARDING / SPLASH ===== */

#screen-splash{background:linear-gradient(160deg,var(--gold-600) 0%,var(--gold-500) 55%,var(--gold-400) 100%);display:flex;flex-direction:column;padding:20px 20px 0;position:fixed;inset:0;min-height:unset;overflow-y:auto}

.splash-card{background:rgba(26,18,0,.16);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:32px 28px;width:100%;max-width:420px;color:white}
.splash-logo{font-family:var(--font-display);font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:4px;color:#FFD400}
.splash-logo span{color:#ffffff}
.splash-sub{font-size:14px;color:rgba(255,255,255,.6);margin-bottom:28px}
.splash-auth-tabs{display:flex;background:rgba(255,255,255,.1);border-radius:var(--radius-full);padding:4px;gap:4px;margin-bottom:24px}
.splash-tab{flex:1;padding:10px;border-radius:var(--radius-full);font-size:14px;font-weight:600;text-align:center;cursor:pointer;border:none;background:transparent;color:rgba(255,255,255,.6);transition:all var(--transition)}
.splash-tab.active{background:white;color:var(--gold-700)}
.splash-input{width:100%;padding:13px 18px;border:1.5px solid rgba(255,255,255,.15);border-radius:var(--radius-btn);font-size:15px;font-family:var(--font-body);background:rgba(255,255,255,.08);color:white;outline:none;display:block;margin-bottom:10px;transition:all var(--transition)}
.splash-field-label{display:block;font-size:12px;font-weight:600;color:rgba(255,255,255,.55);margin:0 4px 6px;letter-spacing:.2px}
.splash-field-error{display:none;font-size:12px;color:#ff6b6b;font-weight:600;margin:-4px 4px 10px}
.splash-field-error.show{display:block}
.splash-input.field-invalid{border-color:#ff6b6b;background:rgba(255,107,107,.08)}
.splash-input:focus{border-color:var(--gold-300);background:rgba(255,255,255,.12)}
.splash-input::placeholder{color:rgba(255,255,255,.35)}
.splash-input option{background:#2d1400;color:white}
.splash-pw-wrap{position:relative;margin-bottom:10px}
.splash-pw-wrap .splash-input{padding-right:50px;margin-bottom:0}
.splash-pw-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:rgba(255,255,255,.5);padding:4px}
.splash-btn-primary{background:white;color:#7c3a00;border:none;padding:14px 24px;border-radius:var(--radius-btn);font-weight:700;font-size:15px;width:100%;cursor:pointer;transition:all var(--transition);margin-top:4px;font-family:var(--font-body)}
.splash-btn-primary:hover{background:#fef3c7;transform:translateY(-1px)}
.splash-btn-primary:active{transform:scale(.97)}
.splash-otp-row{display:flex;gap:8px;margin-bottom:10px}
.splash-otp-row .splash-input{flex:1;margin-bottom:0}
.otp-send-btn{background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.2);color:white;padding:12px 16px;border-radius:var(--radius-btn);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition);font-family:var(--font-body);flex-shrink:0}
.otp-send-btn:hover{background:rgba(255,255,255,.25)}
.otp-send-btn:disabled{opacity:.5;cursor:not-allowed}
.otp-countdown{font-size:12px;color:rgba(255,255,255,.5);text-align:center;height:16px;margin-bottom:8px}
.splash-link{background:none;border:none;color:rgba(255,255,255,.5);font-size:13px;cursor:pointer;text-decoration:underline;padding:8px;font-family:var(--font-body);display:block;text-align:center;margin-top:8px;transition:color var(--transition)}
.splash-link:hover{color:rgba(255,255,255,.8)}
.splash-divider{border:none;border-top:1px solid rgba(255,255,255,.1);margin:20px 0}