.auth-page{min-height:100vh;display:flex;align-items:stretch;background-color:var(--color-surface-1)}.auth-split{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:100vh}@media(max-width:768px){.auth-split{grid-template-columns:1fr}.auth-brand-panel{display:none!important}}.auth-brand-panel{background:var(--gradient-primary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-10);gap:var(--space-5);position:relative;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='28'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;pointer-events:none}.auth-brand-logo{width:52px;height:52px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:-.02em;flex-shrink:0}.auth-brand-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:#fff;margin:0;letter-spacing:-.03em;line-height:1.1}.auth-brand-tagline{font-size:var(--text-base);color:#fffc;margin:0;max-width:300px;line-height:var(--leading-relaxed)}.auth-brand-features{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.auth-brand-feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:#ffffffe0}.auth-brand-feature-icon{width:32px;height:32px;border-radius:var(--radius-base);background:#ffffff24;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background-color:var(--color-surface-0);min-height:100vh;overflow-y:auto}.auth-form-card{width:100%;max-width:400px}.auth-form-header{margin-bottom:var(--space-6)}.auth-form-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-1);letter-spacing:-.02em}.auth-form-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.auth-form-body{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form-footer{margin-top:var(--space-5);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-form-footer a{color:var(--color-primary);font-weight:var(--font-medium);text-decoration:none}.auth-form-footer a:hover{text-decoration:underline}.auth-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-base);font-size:var(--text-sm);line-height:var(--leading-normal)}.auth-alert-error{background-color:var(--color-danger-muted);border:1px solid var(--color-danger);color:var(--color-danger)}.auth-alert-success{background-color:var(--color-success-muted);border:1px solid var(--color-success);color:var(--color-success)}.auth-alert-info{background-color:var(--color-info-muted);border:1px solid var(--color-info);color:var(--color-info)}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:var(--space-10)}.password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;padding:0;transition:color var(--duration-fast) var(--ease-default)}.password-toggle:hover{color:var(--color-text-secondary)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:480px){.form-grid-2{grid-template-columns:1fr}}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--text-xs)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.step-indicator{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.step-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-surface-3);transition:all var(--duration-base) var(--ease-default)}.step-dot.active{width:24px;background:var(--color-primary)}.step-dot.done{background:var(--color-success)}.auth-success-card{text-align:center;padding:var(--space-8) var(--space-4)}.auth-success-icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-success-muted);color:var(--color-success);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{animation:spin .7s linear infinite}