/* ════════════════════════════════════════════
   SCREEN: SPLASH
════════════════════════════════════════════ */
#screen-splash{background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;}
.splash-glow-a{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(157,127,244,.22),transparent 70%);top:-60px;right:-60px;pointer-events:none;}
.splash-glow-b{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(92,200,248,.18),transparent 70%);bottom:-40px;left:-60px;pointer-events:none;}
.splash-logo{font-family:var(--fd);font-size:48px;font-weight:800;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.04em;animation:fadeUp .7s ease both;}
.splash-tagline{font-size:15px;color:var(--muted);text-align:center;max-width:220px;line-height:1.65;margin:10px 0 48px;animation:fadeUp .4s .1s ease both;opacity:0;animation-fill-mode:both;}
.splash-btns{width:100%;max-width:300px;display:flex;flex-direction:column;gap:12px;padding:0 24px;animation:fadeUp .4s .2s ease both;opacity:0;animation-fill-mode:both;}
.splash-ntc-row{display:flex;align-items:center;gap:8px;margin-top:32px;animation:fadeUp .4s .3s ease both;opacity:0;animation-fill-mode:both;}
.splash-ntc-sub{font-size:12px;color:var(--muted);}

/* ════════════════════════════════════════════
   SCREENS: ONBOARDING
════════════════════════════════════════════ */
.onboard-wrap{flex:1;display:flex;flex-direction:column;padding:24px 24px 32px;}
.ob-back{width:36px;height:36px;border-radius:50%;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;margin-bottom:28px;-webkit-tap-highlight-color:transparent;}
.ob-step{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--purp);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.ob-step::before{content:'';width:18px;height:1px;background:var(--purp);}
.ob-title{font-family:var(--fd);font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:8px;}
.ob-sub{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:32px;}
.ob-title span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.input-group{position:relative;margin-bottom:16px;}
.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none;z-index:1;}
.styled-input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:15px 16px 15px 46px;color:var(--text);font-family:var(--fb);font-size:15px;outline:none;transition:border-color .2s;}
.styled-input:focus{border-color:rgba(157,127,244,.5);}
.styled-input::placeholder{color:var(--muted2);}
.code-input{text-align:center;font-family:var(--fd);font-size:22px;font-weight:700;letter-spacing:.3em;padding:18px 16px;}
.code-status{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:8px;padding-left:4px;min-height:22px;}
.code-status.valid{color:var(--green);}
.code-status.invalid{color:var(--red);}
.ob-spacer{flex:1;}
.ob-progress{display:flex;gap:6px;margin-bottom:24px;}
.ob-dot{height:4px;border-radius:2px;flex:1;background:rgba(255,255,255,.1);}
.ob-dot.active{background:var(--purp);}
.ob-dot.done{background:rgba(157,127,244,.4);}

/* avatar picker */
.av-picker{display:flex;gap:12px;justify-content:center;margin-bottom:28px;}
.av-pick-item{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;border:3px solid transparent;transition:all .2s;-webkit-tap-highlight-color:transparent;}
.av-pick-item.selected{border-color:var(--purp);box-shadow:0 0 0 3px rgba(157,127,244,.3);}
.strength-bar{height:4px;border-radius:2px;margin-top:8px;transition:width .3s,background .3s;width:0%;}

/* interest tags */
.interest-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;}
.interest-tag{padding:10px 18px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);color:var(--muted);background:transparent;transition:all .2s;-webkit-tap-highlight-color:transparent;}
.interest-tag.selected{background:rgba(157,127,244,.15);color:var(--purp);border-color:rgba(157,127,244,.35);}

/* welcome */
.welcome-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center;}
.welcome-ntc-card{width:240px;background:var(--card);border:1px solid rgba(245,197,66,.25);border-radius:28px;padding:28px;margin-bottom:28px;position:relative;overflow:hidden;animation:giftLandPop .8s cubic-bezier(.22,1,.36,1) both;}
.wnc-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(245,197,66,.15),transparent 70%);}
.wnc-sym{font-size:48px;margin-bottom:12px;animation:floatY 3s ease-in-out infinite;}
.wnc-amount{font-family:var(--fd);font-size:36px;font-weight:800;color:var(--gold);line-height:1;}
.wnc-label{font-size:13px;color:var(--muted);margin-top:4px;}
.welcome-title{font-family:var(--fd);font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;}
.welcome-sub{font-size:14px;color:var(--muted);line-height:1.65;margin-bottom:28px;max-width:280px;}
.welcome-perks{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;}
.wp-row{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;}
.wp-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}

/* ════════════════════════════════════════════