.auth-bg{position:fixed;inset:0;pointer-events:none;z-index:-1}.auth-grid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:50px 50px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 20%,transparent 70%)}.auth-gradient{position:absolute;top:0;left:50%;transform:translateX(-50%);width:150%;height:100%;background:radial-gradient(ellipse 50% 50% at 50% 30%,rgba(var(--color-primary-rgb),.1) 0,transparent 70%)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-xl);position:relative}.auth-back{position:fixed;top:var(--space-xl);left:var(--space-xl);display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-text-secondary);transition:color var(--transition-fast);z-index:10}.auth-back:hover{color:var(--color-primary)}.auth-back svg{transition:transform var(--transition-fast)}.auth-back:hover svg{transform:translateX(-3px)}.auth-card{width:100%;max-width:520px;background:hsla(0,0%,100%,.02);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-3xl) var(--space-2xl)}@media(min-width:640px){.auth-card{padding:var(--space-3xl)}}.auth-logo{gap:var(--space-sm);margin-bottom:var(--space-2xl)}.auth-logo,.logo-mark{display:flex;align-items:center;justify-content:center}.logo-mark{width:48px;height:48px;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.2),rgba(var(--color-primary-rgb),.05));border:1px solid rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-lg);color:var(--color-primary)}.logo-mark svg{width:28px;height:28px}.logo-text{font-family:var(--font-display);font-weight:800;font-size:1.375rem;letter-spacing:.1em;color:var(--color-text)}.auth-header{text-align:center;margin-bottom:var(--space-2xl)}.auth-title{font-family:var(--font-display);font-weight:700;font-size:2rem;margin-bottom:var(--space-sm)}@media(min-width:640px){.auth-title{font-size:2.25rem}}.auth-subtitle{color:var(--color-text-secondary);font-size:1rem}.auth-form{gap:var(--space-lg)}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group label{display:block;margin-bottom:var(--space-sm);font-size:.9375rem;font-weight:500}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-lg);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast)}.input-wrapper input{width:100%;padding:var(--space-lg) var(--space-lg) var(--space-lg) calc(var(--space-lg)*2 + 18px);background:var(--color-void-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-body);font-size:1rem;transition:all var(--transition-fast)}.input-wrapper input::placeholder{color:var(--color-text-dim)}.input-wrapper input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.input-wrapper input:focus~.input-icon,.input-wrapper:focus-within .input-icon{color:var(--color-primary)}.input-wrapper.error input{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.input-wrapper.error .input-icon{color:#ef4444}.password-toggle{position:absolute;right:var(--space-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:none;border:none;padding:var(--space-xs)}.password-toggle:hover{color:var(--color-text)}.field-error{margin-top:var(--space-xs);font-size:.8125rem;color:#fca5a5}.auth-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);color:#fca5a5}.auth-error,.auth-success{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-size:.9375rem}.auth-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-lg);color:#86efac}.auth-form button[type=submit]{margin-top:var(--space-md);padding:var(--space-lg) var(--space-xl);font-size:1rem}.auth-divider{display:flex;align-items:center;gap:var(--space-lg);margin:var(--space-xl) 0;color:var(--color-text-dim);font-size:.875rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.auth-footer{text-align:center;font-size:1rem;color:var(--color-text-secondary)}.auth-footer p{margin-bottom:var(--space-xs)}.auth-link{color:var(--color-primary);font-weight:600;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-primary-light)}.auth-form.shake{animation:shake .5s ease-in-out}