.auth-container{min-height:calc(100vh - var(--nav-height));background-color:var(--bg-canvas);display:flex}.auth-left{padding:var(--sp-16) var(--sp-6);flex:1;justify-content:center;align-items:center;display:flex}.auth-form-wrapper{width:100%;max-width:420px}.auth-header{margin-bottom:var(--sp-8)}.auth-logo{margin-bottom:var(--sp-4)}.auth-title{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--sp-2);letter-spacing:-.02em;font-weight:800}.auth-subtitle{font-size:var(--text-base);color:var(--text-secondary);line-height:1.5}.auth-right{background:var(--color-brand-primary);border-left:1px solid var(--border-subtle);padding:var(--sp-16);flex:1;justify-content:center;align-items:center;display:none;position:relative;overflow:hidden}@media (min-width:1024px){.auth-right{display:flex}}.auth-brand-panel{z-index:2;width:100%;max-width:500px;position:relative}.auth-brand-content h2{font-size:var(--text-4xl);color:#fff;margin-bottom:var(--sp-6);letter-spacing:-.02em;font-weight:800;line-height:1.1}.auth-brand-content p{font-size:var(--text-lg);color:#ffffffd9;line-height:1.6}.auth-form{gap:var(--sp-5);margin-bottom:var(--sp-6);flex-direction:column;display:flex}.auth-field{gap:var(--sp-2);flex-direction:column;display:flex}.auth-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input{width:100%;font-size:var(--text-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--bg-surface);color:var(--text-primary);transition:border-color var(--ease-fast);min-height:48px;padding:12px 16px;font-family:inherit}.auth-input:focus{border-color:var(--border-focus);outline:none}.auth-input-error,.auth-input-error:focus{border-color:var(--color-danger)}.auth-error-text{font-size:var(--text-sm);color:var(--color-danger);margin-top:4px;font-weight:500}.password-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary)}.auth-submit{background-color:var(--color-brand-primary);color:#fff;width:100%;font-weight:600;font-size:var(--text-base);border:1px solid var(--color-brand-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--ease-fast);margin-top:var(--sp-2);justify-content:center;align-items:center;min-height:48px;padding:0 16px;display:flex}.auth-submit:hover:not(:disabled){background-color:#142f4a;border-color:#142f4a}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;margin:var(--sp-6) 0;color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-subtle);flex:1}.auth-divider:before{margin-right:var(--sp-4)}.auth-divider:after{margin-left:var(--sp-4)}.google-auth-wrapper{margin-bottom:var(--sp-6);justify-content:center;min-height:48px;display:flex}.google-btn{justify-content:center;align-items:center;gap:var(--sp-3);width:100%;padding:0 var(--sp-4);background-color:var(--bg-surface);color:var(--text-primary);font-weight:600;font-size:var(--text-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--ease-fast);min-height:48px;display:flex}.google-btn:hover{background-color:var(--bg-inset);border-color:var(--border-strong)}.auth-footer{margin-top:var(--sp-8);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.auth-link{color:var(--color-brand-primary);transition:text-decoration var(--ease-fast);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-forgot{text-align:right;font-size:var(--text-sm);margin-top:var(--sp-1)}@media (max-width:640px){.auth-left{padding:var(--sp-12) var(--sp-4);align-items:flex-start}.auth-form-wrapper{max-width:100%}.auth-title{font-size:var(--text-2xl)}.auth-subtitle{font-size:var(--text-sm)}}
