.auth-shell{background:radial-gradient(ellipse at top, var(--color-primary-soft), transparent 65%), var(--color-background);min-height:100dvh;color:var(--color-text);place-items:center;padding:2.5rem 1rem;display:grid}.auth-shell__body{width:min(100%,28rem)}.auth-shell .auth-brand{width:fit-content;font-size:var(--font-size-heading-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.025em;transition:transform var(--motion-duration-fast) var(--motion-ease);border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;margin:0 auto 1.75rem;display:flex}.auth-shell .auth-brand__mark{border-radius:var(--radius-control);background:var(--color-primary);width:2.75rem;height:2.75rem;color:var(--color-on-primary);place-items:center;display:grid}.auth-shell .auth-brand__mark svg{width:1.5rem;height:1.5rem}.auth-shell .auth-card{border:1px solid var(--color-border);border-radius:var(--radius-dialog);background:var(--material-background);box-shadow:var(--material-inset), var(--shadow-dialog);-webkit-backdrop-filter:blur(var(--material-blur));backdrop-filter:blur(var(--material-blur));animation:auth-arrive var(--motion-duration-normal) var(--motion-ease) both;padding:2rem}.auth-shell .auth-heading{margin-bottom:1.75rem}.auth-shell .auth-heading h1{font-size:var(--font-size-heading-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);letter-spacing:-.025em;margin:0}.auth-shell .auth-form,.auth-shell .auth-fields{gap:1.125rem;min-width:0;display:grid}.auth-shell .auth-fields{border:0;padding:0}.auth-shell .auth-field{min-width:0}.auth-shell .auth-field label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:.5rem}.auth-shell input:not([type=checkbox]){border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);width:100%;min-height:3rem;color:var(--color-text);font-size:var(--font-size-body);box-shadow:none;transition:border-color var(--motion-duration-fast) var(--motion-ease), background-color var(--motion-duration-fast) var(--motion-ease);padding:.75rem .875rem;display:block}.auth-shell input:not([type=checkbox]):focus{box-shadow:none}.auth-shell input:not([type=checkbox])[aria-invalid=true]{border-color:var(--color-danger)}.auth-shell .auth-options{font-size:var(--font-size-caption);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.375rem .75rem;display:flex}.auth-shell .auth-remember{min-height:2.75rem;color:var(--color-text-muted);cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.auth-shell .auth-primary,.auth-shell .auth-secondary,.auth-shell .auth-link{border-radius:var(--radius-control);min-height:2.75rem;font-size:var(--font-size-control);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body);text-align:center;text-transform:none;letter-spacing:normal;transition:background-color var(--motion-duration-fast) var(--motion-ease), border-color var(--motion-duration-fast) var(--motion-ease), transform var(--motion-duration-fast) var(--motion-ease), opacity var(--motion-duration-fast) var(--motion-ease);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;text-decoration:none;display:inline-flex}.auth-shell .auth-primary:active:not(:disabled),.auth-shell .auth-secondary:active:not(:disabled),.auth-shell .auth-link:active:not(:disabled){transform:scale(.985)}.auth-shell .auth-primary{background:var(--color-primary);width:100%;min-height:3rem;color:var(--color-on-primary);margin-top:.375rem}.auth-shell .auth-primary:hover:not(:disabled){background:var(--color-primary-dark)}.auth-shell .auth-secondary{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-primary)}.auth-shell .auth-secondary:hover{background:var(--color-primary-soft);border-color:var(--color-border-strong)}.auth-shell .auth-link{color:var(--color-primary);font-size:var(--font-size-caption);padding-inline:.625rem}.auth-shell .auth-link:hover{background:var(--color-primary-soft)}.auth-shell :is(a,button,input[type=checkbox]):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.auth-shell button:disabled,.auth-shell fieldset:disabled{opacity:.65}.auth-shell button:disabled{cursor:wait}.auth-shell .auth-footer{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem}.auth-shell .auth-status{background:var(--color-success-soft);color:var(--color-success);font-size:var(--font-size-caption);line-height:var(--line-height-body);border-radius:.875rem;margin-bottom:1.25rem;padding:.875rem 1rem}@media (hover:hover) and (pointer:fine){.auth-shell .auth-brand:hover{transform:translateY(-2px)}}@keyframes auth-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=479px){.auth-shell{padding:1.5rem 1rem}.auth-shell .auth-card{border-radius:var(--radius-dialog);padding:1.25rem}}@media (prefers-reduced-motion:reduce){.auth-shell *,.auth-shell :before{transition:none!important;animation:none!important}.auth-shell .auth-brand:hover,.auth-shell .auth-primary:active,.auth-shell .auth-secondary:active,.auth-shell .auth-link:active{transform:none}}