.auth-page{min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex;position:relative}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#d89d3e29 0%,#7fb68514 40%,#0000 70%);width:700px;height:700px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.auth-container{z-index:1;width:100%;max-width:440px;position:relative}.auth-logo{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xl);letter-spacing:-.03em;font-size:1.8rem;font-weight:800;display:flex}.auth-logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-2xl)}.auth-card h1{text-align:center;margin-bottom:var(--space-xs);font-size:1.5rem}.auth-card .auth-subtitle{text-align:center;color:var(--text-muted);margin-bottom:var(--space-xl);font-size:.9rem}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-field{gap:var(--space-xs);flex-direction:column;display:flex}.auth-field label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.auth-field input{padding:12px var(--space-md);background:var(--bg-secondary);font-size:.95rem}.auth-field input::placeholder{color:var(--text-muted)}.auth-options{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.auth-remember{align-items:center;gap:var(--space-sm);color:var(--text-secondary);cursor:pointer;display:flex}.auth-remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);padding:0}.auth-forgot{color:var(--color-primary-light);transition:color var(--transition-fast);font-weight:500}.auth-forgot:hover{color:var(--color-primary)}.auth-submit{width:100%;margin-top:var(--space-sm);padding:14px}.auth-divider{align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--text-muted);font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-default);flex:1;height:1px}.auth-social{gap:var(--space-md);display:flex}.auth-social-btn{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);flex:1;padding:12px;font-size:.88rem;font-weight:500;display:flex}.auth-social-btn:hover{border-color:var(--color-primary);color:var(--text-primary)}.auth-footer{text-align:center;margin-top:var(--space-xl);color:var(--text-muted);font-size:.88rem}.auth-footer a{color:var(--color-primary-light);transition:color var(--transition-fast);font-weight:600}.auth-footer a:hover{color:var(--color-primary)}.auth-error{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:#8a3a3a;text-align:center;background:#c752521a;border:1px solid #c7525238;font-size:.85rem}.auth-success{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:#3a6f44;text-align:center;background:#7fb68524;border:1px solid #7fb68547;font-size:.85rem}