.auth-page{background:#050b1a;min-height:100vh;display:flex;position:relative}.auth-brand-panel{background:radial-gradient(circle at 10% 0,#2563eb40,#0000 32%),radial-gradient(circle at 90% 100%,#22d3ee2e,#0000 30%),linear-gradient(160deg,#050b1a 0%,#0b1730 55%,#070d1f 100%);flex:52%;align-items:center;padding:48px 56px;display:flex;position:relative;overflow:hidden}.auth-brand-content{z-index:2;max-width:540px;position:relative}.auth-brand-logo{color:#fff;letter-spacing:-.01em;align-items:center;gap:12px;margin-bottom:48px;font-size:1.4rem;font-weight:900;display:flex}.auth-brand-title{letter-spacing:-.02em;color:#f8fafc;margin:0 0 22px;font-size:clamp(2.4rem,4.4vw,3.6rem);font-weight:900;line-height:1.14}.auth-brand-title span{background:linear-gradient(90deg,#22d3ee,#67e8f9 60%,#facc15);color:#0000;-webkit-background-clip:text;background-clip:text}.auth-brand-sub{color:#cbd5e1;max-width:480px;margin:0 0 44px;font-size:1.15rem;line-height:1.65}.auth-brand-stats{gap:44px;display:flex}.auth-brand-stats div{flex-direction:column;gap:4px;display:flex}.auth-brand-stats strong{color:#22d3ee;font-size:1.7rem;font-weight:900}.auth-brand-stats span{color:#94a3b8;font-size:.88rem;font-weight:500}.auth-card-wrap{flex:480px;justify-content:center;align-items:center;padding:24px 40px;display:flex;overflow-y:auto}@media (max-width:900px){.auth-brand-panel{display:none}.auth-card-wrap{flex:100%;padding:24px}}.auth-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-bg-gradient{background:radial-gradient(circle at 20% 20%,#22d3ee29,#0000 38%),radial-gradient(circle at 80% 70%,#6366f133,#0000 42%),radial-gradient(circle at 50% 100%,#f973161a,#0000 40%),radial-gradient(circle at 90% 10%,#22c55e1a,#0000 35%);animation:20s ease-in-out infinite alternate authBgDrift;position:absolute;inset:-20%}@keyframes authBgDrift{0%{transform:translate(0)scale(1)}to{transform:translate(-4%,3%)scale(1.08)}}.auth-bg-shape{opacity:.28;filter:drop-shadow(0 0 14px #22d3ee40);will-change:transform;font-size:2.8rem;animation:13s ease-in-out infinite authBgFloat;position:absolute}.auth-bg-shape--0{font-size:3.2rem;animation-duration:15s;animation-delay:0s;top:10%;left:6%}.auth-bg-shape--1{font-size:2.4rem;animation-duration:18s;animation-delay:2s;top:66%;left:10%}.auth-bg-shape--2{font-size:3rem;animation-duration:14s;animation-delay:1s;top:18%;left:86%}.auth-bg-shape--3{font-size:2.6rem;animation-duration:17s;animation-delay:3s;top:76%;left:84%}.auth-bg-shape--4{font-size:2.2rem;animation-duration:20s;animation-delay:1.5s;top:45%;left:4%}.auth-bg-shape--5{font-size:2.4rem;animation-duration:16s;animation-delay:.5s;top:8%;left:46%}.auth-bg-shape--6{font-size:2.2rem;animation-duration:19s;animation-delay:2.5s;top:85%;left:48%}.auth-bg-shape--7{font-size:2rem;animation-duration:15s;animation-delay:4s;top:40%;left:92%}@keyframes authBgFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-28px)rotate(8deg)}}.auth-bg-orb{filter:blur(2px);opacity:.5;border-radius:50%;animation:6s ease-in-out infinite authOrbPulse;position:absolute}.auth-bg-orb--0{background:#67e8f9;width:6px;height:6px;animation-delay:0s;top:15%;left:20%}.auth-bg-orb--1{background:#a5b4fc;width:8px;height:8px;animation-delay:1.2s;top:70%;left:75%}.auth-bg-orb--2{background:#fbbf24;width:5px;height:5px;animation-delay:2.4s;top:35%;left:90%}.auth-bg-orb--3{background:#67e8f9;width:7px;height:7px;animation-delay:.6s;top:85%;left:30%}.auth-bg-orb--4{background:#86efac;width:5px;height:5px;animation-delay:1.8s;top:8%;left:70%}@keyframes authOrbPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.75;transform:scale(2.2)}}@media (prefers-reduced-motion:reduce){.auth-bg-gradient,.auth-bg-shape,.auth-bg-orb{animation:none}}.auth-card{z-index:1;background:#0a142cf2;border:1px solid #6785c659;border-radius:18px;width:min(100%,460px);padding:24px;position:relative;box-shadow:0 16px 36px #0000006b}.auth-back-btn{color:#b4d2ff99;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:.85rem;transition:color .15s,background .15s;position:absolute;top:16px;left:16px}.auth-back-btn:hover{color:#93c5fd;background:#6395ff1a}.auth-forgot-btn{color:#93c5fdcc;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:4px;padding:4px 0;font-size:.83rem;transition:color .15s}.auth-forgot-btn:hover{color:#93c5fd}.auth-link-btn{color:#93c5fdcc;cursor:pointer;background:0 0;border:none;margin:8px auto 0;padding:8px 0;font-size:.87rem;transition:color .15s;display:block}.auth-link-btn:hover{color:#93c5fd}.auth-logo-wrap{justify-content:center;align-items:center;gap:10px;margin-bottom:24px;display:flex}.auth-logo{object-fit:contain;filter:drop-shadow(0 2px 8px #f9731659);width:auto;height:40px}.auth-logo-icon{background:linear-gradient(135deg,#071428,#0c2254);border:1px solid #22d3ee4d;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 0 14px #22d3ee26}.auth-logo-text{letter-spacing:-.03em;font-size:1.4rem;font-weight:900}.auth-card h1{color:#edf4ff;margin:0;font-size:1.8rem}.subtitle{color:#a7bbdf;margin:8px 0 18px;font-size:.96rem}.tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.tab{color:#c3d4f4;cursor:pointer;background:#0b162fe6;border:1px solid #6785c659;border-radius:10px;padding:10px 12px;font-weight:600;transition:all .2s}.tab:hover{color:#b8f6ff;border-color:#22d3ee9e}.tab.is-active{color:#b8f7ff;background:#2563eb33;border-color:#22d3eeb3}.auth-form,.auth-form form{gap:16px;display:grid}.auth-form label{color:#d9e6ff;margin-bottom:-4px;font-size:.92rem;font-weight:600}.auth-form input{color:#eaf2ff;background:#081126f0;border:1px solid #6785c659;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:1.05rem}.auth-pass-wrap{position:relative}.auth-pass-wrap input{width:100%;padding-right:42px}.auth-pass-toggle{cursor:pointer;opacity:.8;background:0 0;border:none;padding:6px;font-size:1.05rem;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-pass-toggle:hover{opacity:1}.auth-form input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee3d}.submit-btn{color:#f4fcff;cursor:pointer;background:linear-gradient(120deg,#2563eb,#06b6d4);border:0;border-radius:10px;margin-top:8px;padding:12px 14px;font-weight:700;transition:filter .2s}.submit-btn:hover{filter:brightness(1.08)}.status-message{color:#67e8f9;min-height:22px;margin:14px 0 0;font-size:.92rem}@media (max-width:520px){.auth-card{padding:18px}.auth-card h1{font-size:1.45rem}.auth-form input{padding:14px;font-size:1.1rem}.auth-form label{font-size:.98rem}}.auth-steps{justify-content:center;gap:8px;margin:4px 0 18px;display:flex}.auth-step-dot{background:#6785c640;border-radius:4px;width:26px;height:4px;transition:background .2s}.auth-step-dot.is-active{background:#67e8f9}.auth-step-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.auth-step-nav .submit-btn{flex:1;margin-top:0}.submit-btn--secondary{color:#cfe1ff;background:#6785c62e}.auth-fallback-block{border-top:1px dashed #6785c64d;margin-top:16px;padding-top:14px}.auth-otp-hint{color:#cfe1ffbf;margin:0 0 14px;font-size:.88rem}.auth-otp-hint strong{color:#67e8f9}.auth-otp-input{letter-spacing:.3em;text-align:center;font-size:1.2rem;font-weight:600}.auth-resend-btn{text-align:center;margin:12px auto 0;display:block}.auth-resend-btn:disabled{opacity:.4;cursor:not-allowed}.auth-channel-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-channel-opt{color:#cfe1ffbf;cursor:pointer;background:#081126b3;border:1px solid #6785c64d;border-radius:10px;padding:10px 8px;font-size:.88rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.auth-channel-opt.is-active{color:#67e8f9;background:#22d3ee1f;border-color:#22d3ee}.reset-show{color:#94a3b8;cursor:pointer;align-items:center;gap:8px;margin:6px 0 12px;font-size:.85rem;display:flex}.reset-show input{accent-color:#0ea5e9;width:16px;height:16px}a.auth-logo-wrap,a.auth-brand-logo{color:inherit;cursor:pointer;text-decoration:none}a.auth-logo-wrap:focus-visible,a.auth-brand-logo:focus-visible{outline-offset:4px;border-radius:10px;outline:2px solid #f77f00}.auth-otp-note{color:#f59e0b;background:#f77f001a;border-radius:10px;margin:4px 0 2px;padding:8px 10px;font-size:.8rem;line-height:1.4}.auth-channel-opt:disabled{opacity:.45;cursor:not-allowed}.auth-channel-opt{justify-content:center;align-items:center;gap:6px;display:inline-flex}.auth-ic{vertical-align:-.16em;flex-shrink:0;margin-right:.35em;display:inline-block}.auth-ic--seul{vertical-align:middle;margin-right:0}.auth-bg-shape{color:#67e8f9;line-height:0}