.auth-page{min-height:100vh;padding-block:var(--space-7);justify-content:center;align-items:flex-start;display:flex;position:relative}.auth-page:before{content:"";z-index:-1;background:radial-gradient(1100px 520px at 50% -12%, #e7ecf5d9, transparent 70%), var(--color-bg);position:fixed;inset:0}.auth-card{width:100%;max-width:480px;padding:var(--space-6) var(--space-6);box-shadow:var(--shadow-md);overflow:visible}.auth-brand{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}@media (max-width:360px){.auth-card{padding:var(--space-5) var(--space-4)}}.auth-title{margin-bottom:var(--space-2)}.auth-sub{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-5)}.field{gap:var(--space-1);margin-bottom:var(--space-4);display:grid}.field-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.field-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field-error{font-size:var(--text-sm);font-weight:var(--weight-medium);color:#a03232;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);background:#fbecec;border:1px solid #f0cfcf}.input{width:100%;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:.625rem .875rem}.input:focus-visible{border-color:var(--color-focus-ring);box-shadow:var(--focus-ring);outline:none}.choice-row{gap:var(--space-2);display:grid}.choice-row-2{grid-template-columns:1fr 1fr}.choice{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);padding:.75rem 1rem;display:flex}.choice:hover{border-color:var(--navy-600)}.choice-selected{border-color:var(--navy-700);background:var(--navy-50);color:var(--navy-700);font-weight:var(--weight-semibold)}.choice:focus-visible{box-shadow:var(--focus-ring);outline:none}.check-row{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;display:flex}.check-row input{accent-color:var(--navy-700);margin-top:3px}.steps-bar{gap:var(--space-1);margin-bottom:var(--space-5);display:flex}.steps-bar span{border-radius:var(--radius-full);background:var(--color-border);height:5px;transition:background var(--duration-normal) var(--ease-out);flex:1}.steps-bar .done{background:var(--navy-700)}.step-count{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-accent);margin-bottom:var(--space-2)}.auth-actions{gap:var(--space-3);margin-top:var(--space-5);display:flex}.auth-actions .btn{flex:1}.warn-box{background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.info-box{background:var(--navy-50);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.info-box strong{color:var(--color-text-brand);margin-bottom:var(--space-1);display:block}.auth-alt{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-5)}.auth-alt a{color:var(--color-text-brand);font-weight:var(--weight-semibold);text-decoration:none}.auth-alt a:hover{text-decoration:underline}