.auth{position:relative;min-height:100dvh;display:grid;place-items:center;padding:var(--space-5) var(--space-4);overflow:hidden}.auth:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 40% at 50% 0,color-mix(in oklab,var(--color-brand-green) 18%,transparent),transparent 70%);pointer-events:none}.auth-card{position:relative;width:100%;max-width:22rem;background:radial-gradient(120% 60% at 50% -10%,color-mix(in oklab,var(--color-brand-green) 12%,transparent),transparent 60%),var(--surface-1-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);box-shadow:inset 0 1px 0 color-mix(in oklab,var(--color-cream) 6%,transparent),var(--shadow-lg);overflow:hidden;animation:rise var(--duration-slow) var(--ease-out-expo) both}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--tier-standard-text),transparent)}.auth-card h1{font-size:var(--text-xl);text-align:center;margin:0 0 var(--space-4)}.auth-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.auth-field label{font-size:var(--text-xs);color:var(--text-muted)}.auth-hint{font-size:var(--text-xs);color:var(--text-faint);margin:.15rem 0 0}.auth-field input,.auth-field select{padding:.7rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--color-ink);color:var(--color-cream);font-size:var(--text-base);color-scheme:dark}.auth-field input:focus-visible,.auth-field select:focus-visible{outline:2px solid var(--color-brand-green);outline-offset:1px}.auth-btn{width:100%;padding:.9rem;border:none;border-radius:var(--radius-pill);background:var(--tier-standard-text);color:var(--color-ink);font-weight:800;font-size:var(--text-base);min-height:3rem;cursor:pointer;transition:filter var(--duration-fast) var(--ease-out-expo)}.auth-btn:hover{filter:brightness(1.08)}.auth-btn:disabled{opacity:.6;cursor:progress;transition:opacity var(--duration-fast)}.auth-btn:focus-visible{outline:2px solid var(--color-cream);outline-offset:2px}.auth-error{background:color-mix(in oklab,var(--color-danger) 18%,transparent);border:1px solid var(--color-danger);color:color-mix(in oklab,var(--color-cream) 90%,var(--color-danger));border-radius:var(--radius-sm);padding:.6rem .75rem;margin-bottom:var(--space-3)}.auth-alt,.auth-error{font-size:var(--text-sm)}.auth-alt{text-align:center;margin:var(--space-4) 0 0;color:var(--text-muted)}.auth-alt a{color:var(--tier-standard-text);font-weight:600}.auth-step-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-4) 0 0;font-size:var(--text-sm)}.auth-step-nav a{color:var(--tier-standard-text);font-weight:600}.auth-linkbtn{background:none;border:none;padding:.4rem 0;font:inherit;color:var(--text-muted);cursor:pointer}.auth-linkbtn:hover{color:var(--text-strong)}.auth-linkbtn:focus-visible{outline:2px solid var(--color-brand-green);outline-offset:2px;border-radius:var(--radius-sm)}.auth-field input::placeholder{color:var(--text-faint)}.auth-field input{transition:outline-color var(--duration-fast) ease,border-color var(--duration-fast) ease}.auth-field input:user-valid{border-color:color-mix(in oklab,var(--color-brand-green) 60%,transparent)}.auth-field input:user-invalid{border-color:color-mix(in oklab,var(--color-danger) 70%,transparent)}.auth-field input:user-invalid:focus-visible{outline-color:var(--color-danger)}@media (max-width:400px){.auth-card{max-width:100%;padding:var(--space-5) var(--space-3)}}.auth-sub{color:var(--text-muted);font-size:var(--text-sm);margin:calc(-1 * var(--space-2)) 0 var(--space-2)}.auth-fine{color:var(--text-faint);font-size:var(--text-xs);margin-top:var(--space-2)}.auth-fine a{color:var(--text-muted);text-decoration:underline}