.login-page{flex-direction:column;min-height:100vh;display:flex}.auth-container{padding:var(--spacing-12)var(--spacing-4);background:linear-gradient(135deg,var(--color-neutral-50)0%,var(--color-primary-50)100%);flex:1;justify-content:center;align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f60f,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.auth-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b0f,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.auth-card{padding:var(--spacing-10);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);z-index:1;border:1px solid var(--color-neutral-100);background-color:#fff;width:100%;max-width:480px;animation:.5s ease-out fadeInUp;position:relative}.auth-header{text-align:center;margin-bottom:var(--spacing-8)}.auth-header h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2);color:var(--color-neutral-900)}.auth-subtitle{color:var(--color-neutral-500);font-size:var(--font-size-sm);margin:0}.auth-form{gap:var(--spacing-5);flex-direction:column;display:flex}.form-group{gap:var(--spacing-2);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.form-group input{padding:var(--spacing-3)var(--spacing-4);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-base);background-color:var(--color-neutral-50);font-family:inherit}.form-group input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);background-color:#fff;outline:none}.form-group input::placeholder{color:var(--color-neutral-400)}.form-options{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.checkbox-label{align-items:center;gap:var(--spacing-2);cursor:pointer;color:var(--color-neutral-600);display:flex}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary-600);width:16px;height:16px}.forgot-link{color:var(--color-primary-600);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);text-decoration:none}.forgot-link:hover{color:var(--color-primary-700);text-decoration:underline}.auth-footer{margin-top:var(--spacing-6);text-align:center;font-size:var(--font-size-sm);color:var(--color-neutral-600);padding-top:var(--spacing-6);border-top:1px solid var(--color-neutral-100)}.toggle-auth-btn{color:var(--color-primary-600);font-weight:var(--font-weight-semibold);cursor:pointer;padding:0 var(--spacing-1);transition:color var(--transition-fast);background:0 0;border:none;font-family:inherit}.toggle-auth-btn:hover{color:var(--color-primary-700);text-decoration:underline}@media (max-width:480px){.auth-card{padding:var(--spacing-6);border-radius:var(--radius-xl)}.auth-header h2{font-size:var(--font-size-xl)}}