.auth-body.auth-dark{display:block;padding:0;background:#020d26;color:#f8fafc;min-height:100dvh;overflow-x:hidden}
.auth-dark .auth-shell{position:relative;width:100%;max-width:none;min-height:100dvh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);border:0;border-radius:0;background:radial-gradient(circle at 12% 20%,rgba(13,72,125,.26),transparent 28%),radial-gradient(circle at 92% 82%,rgba(242,47,70,.16),transparent 30%),linear-gradient(145deg,#020a1d 0%,#031633 54%,#06122b 100%);box-shadow:none;overflow:hidden}
.auth-dark .auth-shell:before,.auth-dark .auth-shell:after{content:"";position:absolute;pointer-events:none;border-radius:999px;filter:blur(2px);transform:rotate(-22deg)}
.auth-dark .auth-shell:before{width:420px;height:2px;right:-80px;top:24%;background:linear-gradient(90deg,transparent,#f22f46,transparent);box-shadow:0 0 24px #f22f46}
.auth-dark .auth-shell:after{width:650px;height:2px;right:-100px;bottom:8%;background:linear-gradient(90deg,transparent,#f7941d,#f22f46,transparent);box-shadow:0 0 30px #f22f46}
.auth-dark .auth-art,.auth-dark .auth-form{position:relative;z-index:1;padding:clamp(42px,7vw,110px)}
.auth-dark .auth-art{align-items:flex-start;background:transparent;color:#fff}
.auth-dark .auth-logo{width:min(360px,82%);height:auto;padding:0;border-radius:18px;background:#fff8e8;box-shadow:0 18px 70px rgba(0,0,0,.25)}
.auth-dark .auth-art h1{margin:clamp(42px,8vh,86px) 0 22px;font-size:clamp(2.5rem,5vw,5.6rem);line-height:.98;letter-spacing:-.055em;max-width:760px}
.auth-dark .auth-art h1 em{font-style:normal;color:#f22f46}.auth-dark .auth-art h1 strong{color:#f7941d}
.auth-dark .auth-art>p{max-width:630px;margin:0;color:#c6d0df;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65}
.auth-dark .auth-form{align-items:center;background:transparent}
.auth-dark .auth-card{width:min(560px,100%);padding:clamp(28px,5vw,52px);border:1px solid rgba(144,173,211,.28);border-radius:32px;background:linear-gradient(145deg,rgba(10,32,66,.86),rgba(4,17,43,.72));box-shadow:0 32px 90px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(20px)}
.auth-dark .auth-card-head{margin-bottom:28px}.auth-dark .auth-card-head h2{margin:0 0 7px;font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.025em}.auth-dark .auth-card-head p{margin:0;color:#aab7ca}
.auth-dark .auth-form form{gap:20px}.auth-dark .auth-form label{color:#f8fafc;font-size:.95rem}
.auth-dark .auth-form input{height:62px;margin-top:9px;padding:0 20px;border:1px solid rgba(139,165,201,.38);border-radius:16px;background:rgba(3,16,40,.62);color:#fff;box-shadow:inset 0 2px 8px rgba(0,0,0,.16)}
.auth-dark .auth-form input::placeholder{color:#738199}.auth-dark .auth-form input:focus{outline:3px solid rgba(242,47,70,.18);border-color:#f22f46}
.auth-dark .auth-form small{display:block;margin-top:-14px;color:#8e9bb0}
.password-field{position:relative;display:block}.auth-dark .password-field input{padding-right:58px}.password-toggle{position:absolute;right:9px;bottom:8px;width:46px;height:46px;border:0;background:transparent;color:#aebbd0;font-size:1.2rem;cursor:pointer}
.auth-dark .auth-submit{width:100%;height:64px;margin-top:4px;padding:0 24px;justify-content:space-between;border-radius:16px;background:linear-gradient(100deg,#f52255 0%,#ff3c3f 48%,#ffa31a 100%);font-size:1.08rem;box-shadow:0 18px 38px rgba(242,47,70,.25)}
.auth-dark .auth-submit span{margin:auto}.auth-dark .auth-submit b{font-size:1.8rem;font-weight:400;line-height:1}
.auth-switch{margin:28px 0 0;text-align:center;color:#aeb9ca}.auth-switch a{color:#ff4968;font-weight:800;text-decoration:none}.auth-switch a span{margin-left:7px;font-size:1.2rem}
.otp-destination{padding:13px 16px;border:1px solid rgba(247,148,29,.3);border-radius:13px;background:rgba(247,148,29,.08);color:#d9e2ef}.otp-input{text-align:center;font-size:1.6rem;letter-spacing:.5em}
.auth-glow{position:absolute;border-radius:30px;background:linear-gradient(145deg,#fa2755,#ff8322);box-shadow:0 0 45px rgba(242,47,70,.48);opacity:.34;transform:rotate(10deg)}.auth-glow-one{width:90px;height:90px;right:8%;top:14%}.auth-glow-two{width:120px;height:120px;left:-70px;bottom:10%}
@media(max-width:900px){.auth-dark .auth-shell{grid-template-columns:1fr}.auth-dark .auth-art{min-height:auto;padding:42px 24px 26px;align-items:center;text-align:center}.auth-dark .auth-logo{width:min(290px,78%)}.auth-dark .auth-art h1{margin:34px 0 16px;font-size:clamp(2.35rem,10vw,4.5rem)}.auth-dark .auth-art>p{max-width:560px}.auth-dark .auth-form{padding:18px 20px 54px}.auth-dark .auth-card{border-radius:26px}}
@media(max-width:480px){.auth-dark .auth-art{padding-top:30px}.auth-dark .auth-logo{width:230px;border-radius:12px}.auth-dark .auth-art h1{margin-top:28px;font-size:2.55rem}.auth-dark .auth-art>p{font-size:.95rem}.auth-dark .auth-form{padding:10px 16px 38px}.auth-dark .auth-card{padding:26px 20px}.auth-dark .auth-form input{height:58px}.auth-dark .auth-submit{height:60px}}
/* Motion and interaction */
@keyframes authFadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes authFadeLeft{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}
@keyframes authFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-1deg)}}
@keyframes authGlowDrift{0%,100%{transform:translate3d(0,0,0) rotate(10deg);opacity:.26}50%{transform:translate3d(16px,-22px,0) rotate(18deg);opacity:.5}}
@keyframes authLinePulse{0%,100%{opacity:.25;filter:blur(2px)}50%{opacity:.8;filter:blur(1px)}}
@keyframes authCardPulse{0%,100%{border-color:rgba(144,173,211,.28);box-shadow:0 32px 90px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.06)}50%{border-color:rgba(242,47,70,.34);box-shadow:0 32px 100px rgba(0,0,0,.46),0 0 38px rgba(242,47,70,.08),inset 0 1px rgba(255,255,255,.08)}}
.auth-dark .auth-art{animation:authFadeLeft .8s cubic-bezier(.2,.75,.25,1) both}
.auth-dark .auth-form{animation:authFadeUp .85s .12s cubic-bezier(.2,.75,.25,1) both}
.auth-dark .auth-logo{animation:authFloat 5s ease-in-out 1s infinite;transition:filter .3s ease,transform .3s ease}
.auth-dark .auth-logo:hover{filter:drop-shadow(0 0 18px rgba(242,47,70,.3))}
.auth-dark .auth-card{animation:authCardPulse 5s ease-in-out 1s infinite}
.auth-dark .auth-shell:before{animation:authLinePulse 3.6s ease-in-out infinite}
.auth-dark .auth-shell:after{animation:authLinePulse 4.5s 1s ease-in-out infinite}
.auth-glow-one{animation:authGlowDrift 5.5s ease-in-out infinite}.auth-glow-two{animation:authGlowDrift 7s 1.2s ease-in-out infinite reverse}
.auth-dark .auth-form input{transition:border-color .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease}
.auth-dark .auth-form input:hover{border-color:rgba(190,207,230,.58);background:rgba(6,23,54,.78)}
.auth-dark .auth-form input:focus{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 3px rgba(242,47,70,.12)}
.auth-dark .auth-submit{position:relative;isolation:isolate;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.auth-dark .auth-submit:before{content:"";position:absolute;z-index:-1;inset:-2px auto -2px -42%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.52),transparent);transform:skewX(-20deg);transition:left .55s ease}
.auth-dark .auth-submit:hover{transform:translateY(-3px);filter:saturate(1.08);box-shadow:0 22px 45px rgba(242,47,70,.38)}
.auth-dark .auth-submit:hover:before{left:118%}.auth-dark .auth-submit:active{transform:translateY(0) scale(.985)}
.auth-switch a,.password-toggle{transition:color .2s ease,transform .2s ease,text-shadow .2s ease}.auth-switch a:hover{color:#ff7954;text-shadow:0 0 18px rgba(255,73,104,.4)}.password-toggle:hover{color:#fff;transform:scale(1.08)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* High-visibility continuous motion */
@keyframes logoAlive{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 rgba(242,47,70,0))}50%{transform:translateY(-16px) scale(1.045);filter:drop-shadow(0 0 24px rgba(242,47,70,.5))}}
@keyframes cardHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes headlineGlow{0%,100%{filter:brightness(1);text-shadow:0 0 0 transparent}50%{filter:brightness(1.3);text-shadow:0 0 24px currentColor}}
@keyframes buttonBeat{0%,100%{box-shadow:0 14px 30px rgba(242,47,70,.28)}50%{box-shadow:0 18px 52px rgba(255,63,61,.72),0 0 18px rgba(247,148,29,.35)}}
@keyframes sparkRise{0%{transform:translate3d(0,110vh,0) scale(.5);opacity:0}12%{opacity:1}85%{opacity:.8}100%{transform:translate3d(var(--drift),-20vh,0) scale(1.4);opacity:0}}
@keyframes playOrbit{0%{transform:translate3d(0,0,0) rotate(-12deg) scale(.9)}25%{transform:translate3d(28px,-34px,0) rotate(4deg) scale(1.08)}50%{transform:translate3d(-8px,-66px,0) rotate(16deg) scale(.95)}75%{transform:translate3d(-30px,-25px,0) rotate(1deg) scale(1.12)}100%{transform:translate3d(0,0,0) rotate(-12deg) scale(.9)}}
.auth-dark .auth-logo{animation:logoAlive 3.2s ease-in-out infinite}
.auth-dark .auth-card{animation:cardHover 4s ease-in-out infinite,authCardPulse 2.8s ease-in-out infinite}
.auth-dark .auth-art h1 em,.auth-dark .auth-art h1 strong{display:inline-block;animation:headlineGlow 2.2s ease-in-out infinite}.auth-dark .auth-art h1 strong{animation-delay:.7s}
.auth-dark .auth-submit{animation:buttonBeat 1.8s ease-in-out infinite}
.auth-motion{position:fixed;z-index:2;inset:0;overflow:hidden;pointer-events:none}.auth-dark .auth-art,.auth-dark .auth-form{z-index:3}.auth-motion .spark{position:absolute;bottom:-30px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 24px #f22f46;animation:sparkRise linear infinite}.spark-1{left:7%;--drift:45px;animation-duration:6s}.spark-2{left:22%;--drift:-55px;animation-duration:8s;animation-delay:-3s}.spark-3{left:43%;--drift:80px;animation-duration:7s;animation-delay:-5s}.spark-4{left:64%;--drift:-70px;animation-duration:9s;animation-delay:-1s}.spark-5{left:82%;--drift:38px;animation-duration:6.5s;animation-delay:-4s}.spark-6{left:94%;--drift:-42px;animation-duration:7.5s;animation-delay:-6s}
.play-float{position:absolute;display:grid;place-items:center;width:82px;height:82px;border:1px solid rgba(255,91,94,.55);border-radius:25px;background:linear-gradient(145deg,rgba(242,47,70,.72),rgba(247,148,29,.36));color:rgba(255,255,255,.92);font-size:2rem;box-shadow:0 0 42px rgba(242,47,70,.42);backdrop-filter:blur(8px);animation:playOrbit 6s ease-in-out infinite}.play-one{right:5%;top:12%}.play-two{left:4%;bottom:8%;animation-duration:8s;animation-delay:-3s}.play-three{right:38%;bottom:6%;width:54px;height:54px;border-radius:18px;font-size:1.25rem;animation-duration:7s;animation-delay:-5s}
@media(max-width:900px){.play-one{right:-22px;top:28%}.play-two{left:-30px;bottom:12%}.play-three{right:8%;bottom:2%}.auth-dark .auth-card{animation:cardHover 4s ease-in-out infinite,authCardPulse 2.8s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.auth-motion{display:none}.auth-dark .auth-logo,.auth-dark .auth-card,.auth-dark .auth-art h1 em,.auth-dark .auth-art h1 strong,.auth-dark .auth-submit{animation:none!important}}
.referral-field{position:relative;display:block}.referral-field input{padding-right:52px;text-transform:uppercase;letter-spacing:.08em}.referral-spinner{position:absolute;right:18px;bottom:22px;width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#38bdf8;border-radius:50%;opacity:0}.referral-spinner.show{opacity:1;animation:referralSpin .7s linear infinite}.referral-status{min-height:18px;margin:-13px 2px 0!important;color:#8e9bb0;font-size:.76rem;line-height:1.35}.referral-status.valid{color:#34d399}.referral-status.invalid{color:#fb7185}@keyframes referralSpin{to{transform:rotate(360deg)}}