.auth-layout{color:#fff;width:100%;min-height:100vh;display:flex}.auth-visual{padding:var(--space-12);background:var(--gradient-green);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-visual:before{content:"";background:radial-gradient(circle,#1ad07914 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:6s ease-in-out infinite pulse-glow;position:absolute;top:-30%;left:-20%}.auth-visual:after{content:"";background:radial-gradient(circle,#1ad0790d 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite reverse pulse-glow;position:absolute;bottom:-20%;right:-10%}.auth-visual-content{z-index:1;text-align:center;max-width:480px;position:relative}.auth-visual-logo{margin-bottom:var(--space-8)}.auth-visual-logo svg{width:56px;height:56px}.auth-visual-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:-.03em;margin-bottom:var(--space-4);background:linear-gradient(135deg,#fff 0%,#fffc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-visual-subtitle{font-size:var(--font-size-lg);color:#ffffffa6;line-height:var(--line-height-relaxed);margin-bottom:var(--space-10)}.auth-features{gap:var(--space-4);text-align:left;flex-direction:column;display:flex}.auth-feature{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:#ffffffb8;transition:all var(--transition-base);background:#ffffff0a;border:1px solid #ffffff0f;display:flex}.auth-feature:hover{background:#ffffff0f;border-color:#1ad07933;transform:translate(4px)}.auth-feature-icon{border-radius:var(--radius-md);background:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-form-panel{width:min(520px,100%);min-width:0;padding:var(--space-12) var(--space-10);background:var(--color-bg-elevated);border-left:1px solid var(--color-border);color:var(--color-text-primary);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.auth-form-wrapper{width:100%;max-width:380px;animation:.6s ease-out fade-in-up}.auth-form-header{margin-bottom:var(--space-8)}.auth-form-header-mobile-logo{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:none}.auth-form-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.auth-form-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-form .form-input-wrapper{position:relative}.auth-form .form-input-icon{left:var(--space-4);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;transform:translateY(-50%)}.auth-form .form-input-wrapper:focus-within .form-input-icon{color:var(--color-primary)}.auth-form .form-input-with-icon{padding-left:44px}.auth-form-options{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.auth-form-options label{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--color-text-secondary);font-weight:var(--font-weight-regular);display:flex}.auth-form-options a{color:var(--color-primary);font-weight:var(--font-weight-medium)}.auth-form-submit{width:100%;height:48px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md)}.auth-form-divider{align-items:center;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex}.auth-form-divider:before,.auth-form-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-form-footer{text-align:center;margin-top:var(--space-8);font-size:var(--font-size-base);color:var(--color-text-secondary)}.auth-form-footer a{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.password-toggle{right:var(--space-3);color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-text-secondary)}.custom-checkbox{appearance:none;border:1.5px solid var(--color-border-input);background:var(--color-bg-input);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0;position:relative}.custom-checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.custom-checkbox:checked:after{content:"";border:solid var(--color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.custom-checkbox:focus{box-shadow:0 0 0 3px var(--color-primary-light)}@media (max-width:1024px){.auth-visual{display:none}.auth-form-panel{border-left:none;width:100%;min-width:100%}.auth-form-header-mobile-logo{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.auth-form-header-mobile-logo>svg{flex-shrink:0;width:36px;height:36px}}@media (max-width:768px){.auth-form-panel{padding:var(--space-8) var(--space-6)}.auth-center-layout{padding:var(--space-4)}}@media (max-width:480px){.auth-form-panel{padding:var(--space-6) var(--space-4)}.auth-form-wrapper{max-width:100%}.auth-form-title{font-size:var(--font-size-xl)}.auth-center-card{padding:var(--space-6)}}.auth-form-panel .form-input{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-primary)}.auth-form-panel .form-input::placeholder{color:var(--color-text-muted)}.auth-form-panel .form-input:focus{background:var(--color-bg-input-focus);border-color:var(--color-primary);box-shadow:0 0 0 3px #1ad0791f}.auth-form-panel .form-input:hover:not(:focus){border-color:#00000040}.auth-form-panel .form-label{color:var(--color-text-primary)}.auth-form-panel .custom-checkbox{background:var(--color-bg-input);border-color:var(--color-border-input)}.auth-form-panel .password-toggle{color:var(--color-text-muted)}.auth-form-panel .btn-primary{color:#0c222c}.auth-center-layout{background:var(--color-bg-tertiary);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-center-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:min(420px,100vw - 32px);padding:var(--space-8);box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;animation:.6s ease-out fade-in-up;display:flex}.auth-center-logo{margin-bottom:var(--space-6)}.auth-center-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2);text-align:center}.auth-center-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);text-align:center;line-height:var(--line-height-relaxed)}.auth-center-card .auth-form,.auth-center-card .auth-form-submit{width:100%}.auth-center-success-icon{margin-bottom:var(--space-4);background:var(--color-primary-light);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.auth-center-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-4);line-height:var(--line-height-relaxed)}.auth-center-link-btn{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.auth-center-back{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.auth-center-back:hover{color:var(--color-text-primary)}.auth-center-redirect-bar{background:var(--color-border);border-radius:var(--radius-full);width:100%;height:3px;margin-top:var(--space-6);overflow:hidden}.auth-center-redirect-progress{background:var(--color-primary);border-radius:var(--radius-full);height:100%;animation:3s linear forwards redirect-progress}@keyframes redirect-progress{0%{width:0%}to{width:100%}}.auth-center-card .form-input{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-primary)}.auth-center-card .form-input::placeholder{color:var(--color-text-muted)}.auth-center-card .form-input:focus{background:var(--color-bg-input-focus);border-color:var(--color-primary);box-shadow:0 0 0 3px #1ad0791f}.auth-center-card .form-input:hover:not(:focus){border-color:#00000040}.auth-center-card .form-label{color:var(--color-text-primary)}.auth-center-card .form-input-icon,.auth-center-card .password-toggle{color:var(--color-text-muted)}.auth-center-card .password-toggle:hover{color:var(--color-text-secondary)}.auth-center-card .btn-primary{color:#0c222c}