/* ══════════════════════════════════════════════
   SCREEN: ONBOARDING
══════════════════════════════════════════════ */
.onboard-wrap{
  min-height:calc(100vh - 96px);
  display:flex;align-items:flex-start;justify-content:center;
  padding:40px 24px;
}
.onboard-card{
  background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.15);
  border-radius:var(--rlg);padding:36px 32px;
  max-width:520px;width:100%;
}
.ob-progress{
  display:flex;gap:6px;margin-bottom:28px;
}
.ob-step-bar{
  flex:1;height:3px;border-radius:2px;
  background:rgba(255,255,255,.08);
}
.ob-step-bar.done{background:var(--nv-gold);}
.ob-step-bar.active{
  background:linear-gradient(90deg,var(--nv-gold),rgba(201,168,76,.3));
}
.ob-title{
  font-family:'Playfair Display',serif;
  font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:6px;
}
.ob-sub{
  font-size:.82rem;color:rgba(255,255,255,.3);
  line-height:1.6;margin-bottom:22px;
}
.city-confirm{font-size:.7rem;color:var(--nv-green);margin-top:3px;display:block;}
.ob-privacy-note{
  background:rgba(201,168,76,.05);border-left:3px solid rgba(201,168,76,.25);
  border-radius:0 var(--r) var(--r) 0;padding:11px 14px;
  font-size:.76rem;color:rgba(255,255,255,.3);line-height:1.6;margin-top:14px;
}

/* ══════════════════════════════════════════════
   SCREEN: CASTING (profile loading)
══════════════════════════════════════════════ */
.casting-card{
  text-align:center;max-width:420px;width:100%;
}
.casting-ring{
  width:80px;height:80px;border-radius:50%;
  border:3px solid rgba(201,168,76,.15);
  border-top-color:var(--nv-gold);
  animation:spin 1s linear infinite;
  margin:0 auto 24px;
}
@keyframes spin{to{transform:rotate(360deg);}}
.casting-title{
  font-family:'Playfair Display',serif;
  font-size:1.5rem;font-style:italic;color:var(--nv-gold);margin-bottom:8px;
}
.casting-sub{font-size:.82rem;color:rgba(255,255,255,.28);margin-bottom:28px;}
.csteps{display:flex;flex-direction:column;gap:10px;text-align:left;}
.cstep{display:flex;align-items:center;gap:10px;font-size:.8rem;color:rgba(255,255,255,.2);}
.cstep.active{color:var(--nv-gold-light);}
.cstep.done{color:var(--nv-green);}
.cstep-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.1);flex-shrink:0;}
.cstep.active .cstep-dot{background:var(--nv-gold);}
.cstep.done .cstep-dot{background:var(--nv-green);}

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