.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg, #1A1B43 0%, #FF502F 100%)}.auth-card{display:flex;width:100%;max-width:880px;min-height:520px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);animation:fadeIn 0.6s ease}.auth-brand{flex:1;display:flex}.auth-brand .auth-brand-bg{flex:1;background:var(--color-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;position:relative;overflow:hidden}.auth-brand .brand-pattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.06;background-image:repeating-linear-gradient(45deg, transparent, transparent 20px, #fff 20px, #fff 21px),repeating-linear-gradient(-45deg, transparent, transparent 20px, #fff 20px, #fff 21px)}.auth-brand .auth-logo{width:140px;position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.3))}.auth-brand .auth-tagline{color:rgba(255,255,255,0.8);font-size:15px;text-align:center;margin-top:24px;position:relative;z-index:1;font-weight:400;line-height:1.6;max-width:240px}.auth-form-section{flex:1;background:var(--color-surface);padding:56px 48px;display:flex;flex-direction:column;justify-content:center}.auth-form-section .auth-title{font-size:28px;font-weight:700;color:var(--color-primary);margin-bottom:8px}.auth-form-section .auth-subtitle{font-size:15px;color:var(--color-text-secondary);margin-bottom:32px}.auth-form-section .form-group{margin-bottom:20px}.auth-form-section .form-label{display:block;font-weight:600;font-size:14px;color:var(--color-text);margin-bottom:6px}.auth-form-section .form-input{width:100%;padding:12px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:15px;color:var(--color-text);transition:all var(--transition-fast);outline:none}.auth-form-section .form-input::placeholder{color:var(--color-text-muted)}.auth-form-section .form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(13,148,136,0.15)}.auth-form-section .remember-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.auth-form-section .remember-row .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--color-text-secondary)}.auth-form-section .remember-row .checkbox-label input[type="checkbox"]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.auth-form-section .remember-row .forgot-link{font-size:14px;font-weight:600;color:var(--color-accent)}.auth-form-section .remember-row .forgot-link:hover{color:var(--color-accent-dark);text-decoration:underline}.auth-form-section .btn-login{width:100%;padding:14px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.auth-form-section .btn-login:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-form-section .btn-login:active{transform:translateY(0)}@media (max-width: 768px){.auth-card{flex-direction:column;max-width:440px}.auth-brand .auth-brand-bg{padding:36px 24px}.auth-brand .auth-logo{width:100px}.auth-form-section{padding:36px 28px}}