.auth{--auth-navy:#003068;--auth-deep:#021229;background:var(--canvas);min-height:100dvh;color:var(--fg);grid-template-columns:minmax(0,1.1fr) minmax(26rem,1fr);display:grid}.auth-stage{isolation:isolate;background:radial-gradient(120% 80% at 85% 105%, #2a6b8073, transparent 60%), radial-gradient(90% 70% at 0% 0%, #003068e6, transparent 70%), linear-gradient(160deg, var(--auth-deep) 0%, #031c40 45%, var(--auth-navy) 100%);color:#fff;position:relative;overflow:hidden}.auth-canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.auth-stage:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#02122900 58%,#021229eb 100%),linear-gradient(#021229b3 0%,#02122900 22%);position:absolute;inset:0}.auth-stage-mark{position:absolute;top:40px;left:48px}.auth-stage-copy{flex-direction:column;gap:12px;max-width:34rem;display:flex;position:absolute;bottom:48px;left:48px;right:48px}.auth-eyebrow{font-family:var(--font-display);letter-spacing:.16em;color:var(--brand-yellow);margin:0;font-size:.8125rem}.auth-panel{background:var(--canvas);flex-direction:column;min-width:0;padding:40px 48px 28px;display:flex}.auth-panel-body{flex:1;place-items:center;padding-block:24px;display:grid}.auth-view{width:min(100%,23rem);animation:auth-in var(--dur-pop) var(--ease-pop) both;flex-direction:column;gap:20px;display:flex}@keyframes auth-in{0%{opacity:0;transform:translateY(8px)}}.auth-head{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.auth-title{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:1.75rem;font-weight:650;line-height:1.15}.auth-lede{color:var(--fg-muted);margin:0;font-size:.9375rem;line-height:1.5}.auth-lede b{color:var(--fg);font-weight:600}.auth-field{grid-template-columns:1fr auto;gap:8px 12px;display:grid}.auth-field>*{grid-column:1/-1}.auth-field>label{color:var(--fg);grid-area:1/1;font-size:.8125rem;font-weight:550}.auth-field>.auth-aside{grid-area:1/2;align-self:baseline}.auth-input.input{border-radius:var(--r);border-color:var(--line-strong);background:var(--surface-raised);height:44px;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);padding:0 12px;font-size:.9375rem}.auth-input.input:hover{border-color:var(--control-line)}.auth-input.input:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--focus) 22%, transparent);outline:none}.auth-input.input:has(input[aria-invalid=true]){border-color:var(--danger)}.auth-input.input:has(input[aria-invalid=true]):focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 18%, transparent)}.auth-hint{color:var(--fg-subtle);align-items:center;gap:6px;font-size:.8125rem;display:flex}.auth-tone{align-items:center;gap:6px;display:inline-flex}.auth-tone[data-tone=ok]{color:var(--ok)}.auth-tone[data-tone=danger]{color:var(--danger)}.auth-hint:empty{display:none}.auth-reveal{border-radius:var(--r-sm);width:30px;height:30px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;place-items:center;margin-right:-6px;display:grid}.auth-reveal:hover{color:var(--fg);background:var(--surface-sunken)}.auth-reveal:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.auth-caps{color:var(--warn);align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.auth-submit.b{border-radius:var(--r);justify-content:center;gap:8px;width:100%;height:44px;font-size:.9375rem;font-weight:600;box-shadow:0 1px 2px #0d11171f,inset 0 1px #ffffff1f}.auth-arrow{transition:transform var(--dur) var(--ease-pop)}.auth-submit.b:not(:disabled):hover .auth-arrow{transform:translate(3px)}.auth-or{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;font-size:.75rem;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.auth-providers{flex-direction:column;gap:10px;display:flex}.auth-provider.b{border-radius:var(--r);border-color:var(--line-strong);background:var(--surface-raised);justify-content:center;gap:10px;width:100%;height:44px;font-size:.9375rem;font-weight:550}.auth-provider.b:hover{background:var(--surface)}.auth-provider svg{fill:currentColor;width:18px;height:18px}.auth-google{justify-content:center;min-height:44px;display:flex}.auth-switch{text-align:center;color:var(--fg-muted);margin:0;font-size:.875rem}.auth-link{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:550;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}.auth-aside .auth-link{font-size:.8125rem}.auth-code.input input{font-family:var(--font-mono);letter-spacing:.32em;text-align:center;font-size:1.25rem}.auth-code.input{height:52px}.auth-agree{color:var(--fg-muted);font-size:.875rem}.auth-agree a{color:var(--accent)}.auth-fine{color:var(--fg-subtle);margin:0;font-size:.75rem;line-height:1.5}.auth-fine a{color:inherit}.auth-done{align-items:flex-start}.auth-badge{background:var(--accent-subtle);width:48px;height:48px;color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:14px;place-items:center;display:grid}.auth-badge[data-tone=ok]{background:var(--ok-subtle);color:var(--ok);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ok) 18%, transparent)}.auth-done>.auth-submit,.auth-done>a.b{width:100%}a.auth-submit.b{align-items:center;text-decoration:none;display:inline-flex}.auth-badge[data-tone=danger]{background:var(--danger-subtle);color:var(--danger);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danger) 18%, transparent)}.auth-select{border-radius:var(--r);height:44px;font-size:.9375rem}.auth-deny.b{justify-content:center;width:100%;margin-top:-8px}.auth-center{text-align:center}.auth-foot{color:var(--fg-subtle);justify-content:center;gap:20px;font-size:.75rem;display:flex}.auth-foot a{color:inherit;text-decoration:none}.auth-foot a:hover{color:var(--fg)}@media (max-width:1100px){.auth{grid-template-columns:minmax(0,.9fr) minmax(24rem,1fr)}.auth-stage-mark{left:32px}.auth-stage-copy{bottom:36px;left:32px;right:32px}.auth-panel{padding-inline:32px}}@media (max-width:760px){.auth{grid-template-rows:auto 1fr;grid-template-columns:1fr}.auth-stage{height:168px}.auth-stage-mark{top:24px;left:20px}.auth-stage-copy{display:none}.auth-stage:after{background:linear-gradient(#02122900 45%,#021229bf 100%)}.auth-panel{border-radius:20px 20px 0 0;margin-top:-20px;padding:8px 20px 20px;position:relative}.auth-panel-body{place-items:start center}.auth-title{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.auth-view{animation:none}.auth-arrow{transition:none}}
