.auth-shell{grid-template-columns:minmax(320px,400px) minmax(0,1fr);min-height:100%;display:grid}.auth-film{gap:var(--space-lg);padding:var(--space-xl) 56px;background:var(--color-surface-dark);color:var(--color-neutral);flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-film:before,.auth-film:after{content:"";background:repeating-linear-gradient(#0000 0 9px,#f3eee529 9px 21px);width:10px;position:absolute;top:0;bottom:0}.auth-film:before{left:14px}.auth-film:after{right:14px}.auth-film-edge{color:var(--color-tertiary);font-family:var(--font-mono);letter-spacing:.18em;white-space:nowrap;opacity:.8;font-size:.6875rem;position:absolute;top:50%;right:36px;transform:translate(50%,-50%)rotate(90deg)}.auth-film-edge span{margin:0 .4em}.auth-brand{color:var(--color-neutral);font-family:var(--font-display);letter-spacing:-.01em;font-size:1.375rem;font-weight:600;text-decoration:none}.auth-promise{max-width:17em;font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.75rem;line-height:1.12}.auth-steps{gap:var(--space-sm);flex-direction:column;margin:auto 0 0;padding:0;list-style:none;display:flex}.auth-step{color:#f3eee58c;align-items:center;gap:12px;font-size:.9375rem;display:flex}.auth-step-frame{width:34px;height:26px;font-family:var(--font-mono);border:1px solid #f3eee559;border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.auth-step-current{color:var(--color-neutral);font-weight:600}.auth-step-current .auth-step-frame{border-color:var(--color-tertiary);background:var(--color-tertiary);color:var(--color-primary)}.auth-step-done .auth-step-frame{color:var(--color-neutral);background:#f3eee51f;border-color:#f3eee5b3}.auth-main{padding:clamp(var(--space-lg), 12vh, 120px) var(--space-lg) var(--space-xl);justify-content:center;display:flex}.auth-panel{overflow-wrap:anywhere;flex-direction:column;width:100%;max-width:400px;display:flex}.auth-panel h1{font-size:2.25rem}.auth-subtitle{margin:var(--space-sm) 0 var(--space-lg);color:var(--color-secondary)}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-form .banner-error,.auth-panel>.banner-error{margin:0}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field>label,.auth-legend{color:var(--color-primary);font-family:var(--font-body);letter-spacing:normal;text-transform:none;font-size:.875rem;font-weight:600}.auth-legend{padding:0}.auth-hint{color:var(--color-secondary);font-size:.8125rem}.auth-field .field-error,.auth-purpose .field-error{font-size:.8125rem}.auth-password{position:relative}.auth-password input{padding-right:48px}.auth-password-toggle{width:44px;min-width:44px;height:44px;color:var(--color-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:0;right:0}.auth-password-toggle:hover{color:var(--color-primary)}.auth-submit{width:100%;margin-top:var(--space-xs)}.auth-google{border-color:var(--color-border);background:var(--color-surface);width:100%;color:var(--color-primary)}.auth-google:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface)}.auth-divider{margin:var(--space-lg) 0;color:var(--color-secondary);align-items:center;gap:12px;font-size:.8125rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid var(--color-border);flex:1}.auth-switch{margin:var(--space-lg) 0 0;color:var(--color-secondary);font-size:.9375rem}.auth-switch a{color:var(--color-primary);font-weight:600}.auth-switch a:hover{color:var(--color-tertiary)}.auth-actions{gap:var(--space-sm);flex-direction:column;display:flex}.auth-actions .pill-btn{width:100%}.auth-status{margin:0 0 var(--space-md);font-size:.9375rem}.auth-link-btn{min-height:44px;color:var(--color-secondary);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.9375rem;font-weight:600;text-decoration:underline}.auth-link-btn:hover{color:var(--color-primary)}.auth-purpose{flex-direction:column;gap:6px;display:flex}.auth-purpose-list{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.auth-purpose-option{cursor:pointer;min-height:56px;font-family:var(--font-body);font-size:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none;color:var(--color-primary);grid-template-columns:18px minmax(0,1fr);align-items:start;column-gap:12px;padding:10px 14px;display:grid}.auth-purpose-option.auth-language-option{align-items:center;min-height:44px}.auth-purpose-option.auth-language-option input{margin-top:0}.auth-purpose-option+.auth-purpose-option{border-top:1px solid var(--color-border)}.auth-purpose-option:has(input:checked){background:var(--color-neutral)}.auth-purpose-option input{appearance:none;border:1.5px solid var(--color-secondary);background:var(--color-surface);border-radius:50%;width:18px;height:18px;min-height:0;margin:2px 0 0;padding:0}.auth-purpose-option input:checked{border-color:var(--color-primary);background:radial-gradient(circle, var(--color-tertiary) 0 4px, var(--color-surface) 4.5px)}.auth-purpose-option:has(input:focus-visible){outline:3px solid var(--color-tertiary);outline-offset:-3px}.auth-purpose-option input:focus-visible{outline:none}.auth-purpose-copy{flex-direction:column;gap:2px;display:flex}.auth-purpose-label{font-weight:600}.auth-purpose-hint{color:var(--color-secondary);font-size:.8125rem}.dev-bootstrap{margin-top:var(--space-xl);padding:var(--space-md);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.dev-bootstrap summary{cursor:pointer;color:var(--color-secondary);font-size:.8125rem;font-weight:600}.dev-bootstrap form{gap:var(--space-md);margin-top:var(--space-md);flex-direction:column;display:flex}@media (width<=760px){.auth-shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.auth-film{gap:var(--space-md);padding:34px var(--space-md) 30px}.auth-film:before,.auth-film:after{background:repeating-linear-gradient(90deg,#0000 0 9px,#f3eee529 9px 21px);width:auto;height:8px;inset:auto 0}.auth-film:before{top:12px}.auth-film:after{bottom:12px}.auth-film-edge{display:none}.auth-promise{font-size:1.25rem}.auth-steps{gap:var(--space-md);flex-direction:row;margin:0}.auth-step{gap:8px;font-size:.8125rem}.auth-step-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-step-current .auth-step-label{clip:auto;width:auto;height:auto;position:static;overflow:visible}.auth-main{padding:var(--space-lg) var(--space-md) var(--space-xl)}.auth-panel h1{font-size:1.875rem}}@media (forced-colors:active){.auth-purpose-option input:checked{background:highlight;border-color:highlight}}