.wrapper{background-color:var(--bg-1);min-height:100vh;padding:var(--space-6);background-image:radial-gradient(circle at 18% 12%,#e11d2e0d 0%,#0000 50%),radial-gradient(circle at 82% 88%,#e11d2e0a 0%,#0000 50%);justify-content:center;align-items:center;display:flex}.card{border-radius:var(--radius-xl);width:100%;max-width:980px;min-height:600px;box-shadow:var(--shadow-lg);background:var(--bg-0);grid-template-columns:1fr 1fr;animation:.5s cubic-bezier(.22,1,.36,1) both cardIn;display:grid;overflow:hidden}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.formSection{padding:var(--space-12)var(--space-10)var(--space-10);background:var(--bg-0);flex-direction:column;justify-content:center;display:flex;position:relative}.formSection:before{content:"";background:var(--primary-red);border-radius:0 0 var(--radius-xs)0;width:4px;height:56px;position:absolute;top:0;left:0}.auth-back-btn{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--fw-body-mid);color:var(--text-muted);margin-bottom:var(--space-6);padding:var(--space-2)var(--space-3);border:1.5px solid var(--border-default);border-radius:var(--radius-pill);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);background:0 0;align-self:flex-start;font-size:13px;line-height:1;text-decoration:none;display:inline-flex}.auth-back-btn:hover{color:var(--primary-red);border-color:var(--primary-red);background:var(--primary-faint);transform:translate(-2px)}.auth-back-btn__label{letter-spacing:.04em}.logo{object-fit:contain;width:auto;height:40px;margin-bottom:var(--space-10);display:block}.formContainer{flex-direction:column;width:100%;display:flex}.formContainer h2,.title{margin-bottom:var(--space-1);font-size:clamp(30px,4.5vw,40px)}.subtitle{font-family:var(--font-body);font-weight:var(--fw-body-light);color:var(--text-faint);margin-bottom:var(--space-8);letter-spacing:.01em;font-size:13px}.inputGroup{margin-bottom:var(--space-4);position:relative}.inputLabel{font-family:var(--font-body);font-weight:var(--fw-body-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2);font-size:10px;display:block}.input{width:100%;height:46px;padding:0 var(--space-4);border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-2);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.input:focus{border-color:var(--border-focus);background:var(--bg-0);box-shadow:var(--shadow-focus)}.passwordWrapper{position:relative}.passwordWrapper .input{padding-right:52px}.passwordToggle{right:var(--space-3);font-family:var(--font-body);font-weight:var(--fw-body-mid);color:var(--text-faint);cursor:pointer;letter-spacing:.04em;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:11px;position:absolute;top:50%;transform:translateY(-50%)}.passwordToggle:hover{color:var(--primary-red)}.rowBetween{margin:var(--space-1)0 var(--space-6);justify-content:space-between;align-items:center;display:flex}.checkLabel{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--fw-body-reg);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;display:flex}.checkLabel input[type=checkbox]{appearance:none;border:1.5px solid var(--border-default);border-radius:var(--radius-xs);cursor:pointer;width:15px;height:15px;transition:border-color var(--transition-fast),background var(--transition-fast);flex-shrink:0;position:relative}.checkLabel input[type=checkbox]:checked{background:var(--primary-red);border-color:var(--primary-red)}.checkLabel input[type=checkbox]:checked:after{content:"";border:2px solid var(--color-text-0);border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.button{background:var(--primary-red);width:100%;height:48px;color:var(--color-text-0);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:var(--fw-display-semi);letter-spacing:.12em;cursor:pointer;box-shadow:var(--shadow-red);margin-top:var(--space-1);transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);border:none;font-size:17px;position:relative;overflow:hidden}.button:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 55%);position:absolute;inset:0}.button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 28px #e11d2e6b}.button:active{box-shadow:var(--shadow-red);transform:translateY(0)}.button:disabled{opacity:.58;cursor:not-allowed;transform:none}.buttonOutline{width:100%;height:46px;color:var(--text-primary);border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:var(--fw-body-mid);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-3);transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-base);background:0 0;font-size:13px;display:flex}.buttonOutline:hover{border-color:var(--text-primary);background:var(--bg-2);transform:translateY(-1px)}.divider{align-items:center;gap:var(--space-3);margin:var(--space-5)0 var(--space-1);font-family:var(--font-body);font-weight:var(--fw-body-light);letter-spacing:.08em;color:var(--text-faint);font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--border-default);flex:1;height:1px}.link{font-family:var(--font-body);font-weight:var(--fw-body-mid);color:var(--primary-red);cursor:pointer;transition:color var(--transition-fast);letter-spacing:.01em;background:0 0;border:none;padding:0;font-size:13px;text-decoration:none}.link:hover{color:var(--primary-dark);text-decoration:underline}.footerText{margin-top:var(--space-6);font-family:var(--font-body);font-weight:var(--fw-body-light);color:var(--text-faint);text-align:center;font-size:12px}.otpContainer{gap:var(--space-2);margin-bottom:var(--space-5);justify-content:center;display:flex}.otpInput{border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-2);width:46px;height:54px;font-family:var(--font-display);font-weight:var(--fw-display-bold);letter-spacing:.04em;color:var(--text-primary);text-align:center;caret-color:var(--primary-red);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);font-size:22px}.otpInput:focus{border-color:var(--primary-red);box-shadow:var(--shadow-focus);transform:translateY(-2px)}.otpInput.filled{border-color:var(--primary-red);background:var(--primary-faint)}.stepIndicator{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.stepDot{background:var(--border-default);width:7px;height:7px;transition:all var(--transition-base);border-radius:50%}.stepDot.active{background:var(--primary-red);border-radius:var(--radius-xs);width:22px}.stepDot.done{background:var(--primary-red);opacity:.35}.errorMsg{font-family:var(--font-body);font-weight:var(--fw-body-reg);color:var(--primary-red);margin-top:var(--space-1);align-items:center;gap:var(--space-1);font-size:12px;animation:.22s both fadeSlide;display:flex}.successMsg{font-family:var(--font-body);font-weight:var(--fw-body-reg);color:#1a7a4a;border-radius:var(--radius-sm);padding:var(--space-2)var(--space-4);margin-bottom:var(--space-4);background:#edfaf3;border:1px solid #b7ecd4;font-size:12px;animation:.3s both fadeSlide}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.backBtn{align-items:center;gap:var(--space-1);font-family:var(--font-body);font-weight:var(--fw-body-mid);color:var(--text-muted);cursor:pointer;margin-bottom:var(--space-5);letter-spacing:.02em;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:12px;display:inline-flex}.backBtn:hover{color:var(--primary-red)}.spinner{border:2.5px solid #ffffff4d;border-top-color:var(--color-text-0);border-radius:50%;width:18px;height:18px;margin:0 auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.banner{background:var(--text-primary);position:relative;overflow:hidden}.banner img{object-fit:cover;opacity:.78;width:100%;height:100%;transition:transform 8s;display:block}.banner:hover img{transform:scale(1.04)}.banner:before{content:"";z-index:1;background:linear-gradient(155deg,#11111180 0%,#e11d2e38 50%,#111111ad 100%);position:absolute;inset:0}.bannerText{bottom:var(--space-10);left:var(--space-8);right:var(--space-8);z-index:2;font-family:var(--font-display);font-weight:var(--fw-display-bold);letter-spacing:.06em;color:var(--color-text-0);text-shadow:0 4px 20px #00000073;font-size:clamp(34px,4.5vw,52px);line-height:1.05;position:absolute}.bannerText span{color:var(--color-text-3);display:block}.bannerBadge{top:var(--space-6);right:var(--space-6);z-index:2;background:var(--primary-red);color:var(--color-text-0);font-family:var(--font-display);font-weight:var(--fw-display-mid);letter-spacing:.14em;padding:var(--space-1)var(--space-3);border-radius:var(--radius-pill);font-size:12px;position:absolute}@media (max-width:720px){.card{border-radius:var(--radius-lg);grid-template-columns:1fr;max-width:440px;min-height:auto}.banner{display:none}.formSection{padding:var(--space-10)var(--space-8)var(--space-8)}.auth-back-btn{top:var(--space-4);left:var(--space-4);padding:var(--space-1)var(--space-3);margin-bottom:0;font-size:12px;position:absolute}.formSection{position:relative}.otpInput{width:40px;height:48px;font-size:20px}}@media (max-width:400px){.formSection{padding:var(--space-8)var(--space-5)var(--space-6)}.otpContainer{gap:var(--space-1)}.otpInput{width:36px;height:44px}}