/* ═══ AlphaTeam Register Lux v1 — مراحل ثبت‌نام هم‌زبان با لاگین لوکس ═══ */

/* سربرگ مسیر عضویت */
.register-head{position:relative;overflow:hidden}
.register-head::after{content:'';position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.10) 48%,transparent 62%);
 background-size:260% 100%;animation:rlxSheen 7s ease-in-out infinite}
@keyframes rlxSheen{0%,55%{background-position:130% 0}90%,100%{background-position:-30% 0}}
.register-head .reg-mark{animation:rlxFloat 4.2s ease-in-out infinite;box-shadow:0 0 34px rgba(224,184,98,.4)}
@keyframes rlxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.register-head h1{color:#f5dfae;text-shadow:0 0 30px rgba(224,184,98,.25)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 .register-head h1{background:linear-gradient(95deg,#fff8e8,#f0d189 35%,#e0b862 60%,#6fe0cf 95%);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:rlxShine 5.5s ease-in-out infinite}
}
@keyframes rlxShine{0%,100%{background-position:0% 0}50%{background-position:100% 0}}

/* نوار پیشرفت سه‌مرحله‌ای (فرم مرحلهٔ ۱) */
.reg-progress{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.reg-progress span{padding:9px 15px;border-radius:99px;background:rgba(255,255,255,.04);
 border:1px solid rgba(255,255,255,.09);color:#8b949e;font-size:11.5px;font-weight:700;
 transition:all .3s;animation:rlxFade .6s both}
.reg-progress span:nth-child(2){animation-delay:.12s}.reg-progress span:nth-child(3){animation-delay:.24s}
@keyframes rlxFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.reg-progress span:first-child{background:linear-gradient(135deg,rgba(224,184,98,.24),rgba(224,184,98,.08));
 color:#f7e4a8;border-color:rgba(224,184,98,.5);box-shadow:0 0 24px rgba(224,184,98,.2);
 animation:rlxFade .6s both,rlxStep 2.8s ease-in-out infinite .6s}
@keyframes rlxStep{0%,100%{box-shadow:0 0 24px rgba(224,184,98,.2)}50%{box-shadow:0 0 34px rgba(224,184,98,.42)}}

/* فرم: حلقهٔ طلایی دور کارت + فیلدهای مخملی */
#reg-form,.wrap form.card{position:relative}
#reg-form::before,.wrap form.card::before{content:'';position:absolute;inset:-1.5px;border-radius:22px;z-index:-1;
 background:conic-gradient(from 0deg,rgba(224,184,98,.55),rgba(111,224,207,.3),rgba(179,155,251,.32),rgba(224,184,98,.55));
 animation:rlxRing 9s linear infinite;opacity:.6}
@keyframes rlxRing{to{transform:rotate(1turn)}}
#reg-form input,#reg-form select,.wrap form.card input,.wrap form.card select{
 background:rgba(7,12,24,.72)!important;border:1px solid rgba(224,184,98,.17)!important;
 border-radius:13px!important;color:#e6edf3!important;transition:border-color .3s,box-shadow .3s!important}
#reg-form input:hover,#reg-form select:hover,.wrap form.card input:hover{border-color:rgba(224,184,98,.34)!important}
#reg-form input:focus,#reg-form select:focus,.wrap form.card input:focus,.wrap form.card select:focus{
 box-shadow:0 0 0 3px rgba(224,184,98,.14),0 0 24px rgba(224,184,98,.12)!important;
 border-color:rgba(224,184,98,.5)!important}
#reg-form label,.wrap form.card label{color:#b8c8e5!important}
#reg-form button[type=submit],.wrap form.card button[type=submit]{
 background:linear-gradient(135deg,#fff3c4 0%,#f0d189 28%,#e0b862 55%,#c99a3f 100%)!important;
 color:#241703!important;border:none!important;border-radius:15px!important;font-weight:900!important;
 box-shadow:0 16px 38px rgba(224,184,98,.26),inset 0 1px rgba(255,255,255,.5)!important;
 position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s!important}
#reg-form button[type=submit]:hover,.wrap form.card button[type=submit]:hover{transform:translateY(-2px);
 box-shadow:0 20px 48px rgba(224,184,98,.38),inset 0 1px rgba(255,255,255,.55)!important}
#reg-form button[type=submit]:active,.wrap form.card button[type=submit]:active{transform:scale(.98)}

/* صفحهٔ «پیش‌ثبت‌نام موفق»: تایم‌لاین زندهٔ سه‌گام */
.reg-activation-timeline{gap:10px!important}
.reg-activation-timeline span{border-radius:15px!important;padding:12px 9px!important;
 font-weight:800!important;font-size:12px!important;position:relative;overflow:hidden;
 border:1px solid transparent!important;animation:rlxFade .6s both}
.reg-activation-timeline span:nth-child(1){background:linear-gradient(150deg,rgba(74,222,128,.16),rgba(74,222,128,.05))!important;
 color:#9dffc0!important;border-color:rgba(74,222,128,.4)!important;box-shadow:0 0 22px rgba(74,222,128,.15)}
.reg-activation-timeline span:nth-child(2){background:linear-gradient(150deg,rgba(224,184,98,.18),rgba(224,184,98,.05))!important;
 color:#f7e4a8!important;border-color:rgba(224,184,98,.45)!important;
 animation:rlxFade .6s both .12s,rlxStep 2.4s ease-in-out infinite .7s}
.reg-activation-timeline span:nth-child(3){background:rgba(255,255,255,.035)!important;
 color:#8b949e!important;border-color:rgba(255,255,255,.1)!important;animation-delay:.24s}
.reg-activation-timeline span::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;
 background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);
 transform:skewX(-16deg);animation:rlxSweep 4s ease-in-out infinite}
.reg-activation-timeline span:nth-child(2)::after{animation-delay:1.2s}
.reg-activation-timeline span:nth-child(3)::after{animation-delay:2.4s}
@keyframes rlxSweep{0%,60%{left:-60%}90%,100%{left:120%}}

/* گوش‌به‌زنگِ زنده */
#poll-loader{border-radius:14px!important;animation:rlxPoll 2.4s ease-in-out infinite!important}
@keyframes rlxPoll{0%,100%{box-shadow:0 0 0 0 rgba(224,184,98,.0);opacity:.85}50%{box-shadow:0 0 26px rgba(224,184,98,.18);opacity:1}}

/* کارت خوش‌آمد */
.wrap .card[style*="border:1.5px solid var(--gold)"],.wrap .card[style*="border: 1.5px solid var(--gold)"]{
 box-shadow:0 0 40px rgba(224,184,98,.12),inset 0 1px rgba(255,255,255,.06)!important}

/* پیوند خانه */
.reg-home{padding:8px 14px;border-radius:99px;border:1px solid rgba(224,184,98,.28);
 background:rgba(224,184,98,.07);color:#f7e4a8!important;font-size:11.5px;font-weight:700;
 text-decoration:none!important;transition:all .25s;display:inline-block}
.reg-home:hover{background:rgba(224,184,98,.15);box-shadow:0 8px 22px rgba(224,184,98,.15);transform:translateY(-1px)}

@media (prefers-reduced-motion:reduce){
 .register-head::after,.register-head .reg-mark,.register-head h1,#reg-form::before,.wrap form.card::before,
 .reg-progress span,.reg-activation-timeline span,.reg-activation-timeline span::after,#poll-loader{animation:none!important}
}