.mystery-landing.login-page{display:flex;flex-direction:column}.login-page .login-main{flex:1 0 auto;display:grid;align-content:start;justify-items:center;padding-block:clamp(24px,6vh,72px)}.login-card{width:min(100%,27rem);margin:0 auto;padding:var(--space-8) var(--space-8) var(--space-6);background:var(--surface-raised,#fff);border:var(--border-width,1px) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card,var(--shadow-md));text-align:left}:root .mystery-landing.login-page .login-main>.login-card{margin-block:0}.login-card>:last-child{margin-bottom:0}@media (max-width:480px){.login-card{padding-inline:20px}}.mystery-landing.login-page .login-card h1{max-width:none;margin:0 0 var(--space-3);font:450 clamp(1.75rem,1.4rem + 1.2vw,2.25rem) /1.12 var(--font-ui);letter-spacing:-.03em;color:var(--text-primary,var(--text));text-wrap:balance}.login-lede{max-width:34ch;margin:0 0 var(--space-6);color:var(--text-secondary);font-size:15px;line-height:1.55;text-wrap:pretty}.login-brand-mark{display:inline-flex;align-items:center;gap:var(--space-2)}.login-brand-logo{display:block;width:auto;height:auto;max-height:32px;max-width:160px;object-fit:contain}.login-brand-initial{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font:600 .95rem/1 var(--font-ui)}.login-brand-help{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:14px;line-height:1.5}.login-brand-help a{color:var(--text-primary,var(--text));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.login-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.login-error,.login-notice{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:14px;line-height:1.5}.login-error{background:var(--surface-error);color:var(--text-error)}.login-notice{background:var(--surface-info);color:var(--text-info)}.login-providers{display:grid;gap:var(--space-2)}.login-provider,.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--control-h-lg,3.25rem);width:100%;padding-inline:var(--space-4);border-radius:var(--radius-control);border:var(--border-width,1px) solid var(--hairline-visible);background:var(--surface-raised,#fff);color:var(--text-primary,var(--text));font:600 1rem/1 var(--font-ui);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),transform 60ms var(--ease-standard)}:root:not([data-theme=dark]) :where(.login-provider:not(.login-provider-apple)){border-color:var(--hairline);box-shadow:var(--elev-1)}.login-provider-mark{flex:none;width:18px;height:18px}@media (hover:hover){.login-provider:hover:not(:disabled,[aria-disabled=true]){background:var(--row-alt)}:root:not([data-theme=dark]) :where(.login-provider:not(.login-provider-apple)):hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--elev-2)}.login-submit:hover:not(:disabled,[aria-disabled=true]){background:var(--primary-hover,var(--primary));border-color:var(--primary-hover,var(--primary))}}.login-provider:active:not(:disabled,[aria-disabled=true]),.login-submit:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}.login-page .login-card .login-link:focus-visible{border-radius:var(--radius-sm)}.login-card:not([data-busy=true]) :is(.login-provider,.login-submit):is(:disabled,[aria-disabled=true]){background:var(--unavailable-surface);border-color:var(--unavailable-border);box-shadow:none;color:var(--unavailable-ink);cursor:not-allowed}.login-card:not([data-busy=true]) .login-provider:is(:disabled,[aria-disabled=true]) .login-provider-mark{filter:grayscale(1)}.login-card[data-busy=true] :is(.login-provider,.login-submit):is(:disabled,[aria-disabled=true]){cursor:progress}.login-provider-apple{background:#000;border-color:#000;color:#fff}@media (hover:hover){.login-provider-apple:hover:not(:disabled,[aria-disabled=true]){background:#1d1d1f;border-color:#1d1d1f}}:root[data-theme=dark] .login-provider-apple{background:#fff;border-color:#fff;color:#000}@media (hover:hover){:root[data-theme=dark] .login-provider-apple:hover:not(:disabled,[aria-disabled=true]){background:#e8e8ed;border-color:#e8e8ed}}.login-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0 var(--space-4);color:var(--text-muted);font:600 12px/1.4 var(--font-ui);letter-spacing:0;text-transform:none}.login-divider:after,.login-divider:before{content:"";flex:1;height:1px;background:var(--hairline)}.login-form{display:grid;gap:var(--space-4)}.login-field{display:grid;gap:var(--space-2);font:600 14px/1.4 var(--font-ui)}.login-field,.login-field input{color:var(--text-primary,var(--text))}.login-field input{height:var(--control-h,2.75rem);padding:0 var(--space-3);border:var(--border-width,1px) solid var(--hairline-visible);border-radius:var(--radius);background:var(--surface-raised,#fff);font:400 var(--text-base) var(--font-ui);transition:border-color var(--dur-fast) var(--ease-standard)}.login-field input:focus-visible{outline:3px solid var(--primary);outline-offset:1px;border-color:var(--primary)}.login-field input[aria-invalid=true]{border-color:var(--text-error)}.login-field input[aria-invalid=true]:focus-visible{outline-color:var(--text-error);border-color:var(--text-error)}.login-form>:is(.login-error,.login-notice){margin:0}@media (forced-colors:active){.login-field input:focus-visible,.login-page .login-card :is(.login-provider,.login-submit,.login-link):focus-visible{outline-color:Highlight}}.login-field input::placeholder{color:var(--text-muted)}.login-submit{background:var(--primary);border-color:var(--primary)}.login-card a.login-submit,.login-submit{color:var(--on-primary,var(--primary-fg,#fff))}.login-card a.login-submit{display:flex;text-decoration:none}.login-card>.login-error+.login-submit{margin-top:var(--space-4)}.login-switch{font-size:14px}.login-legal,.login-switch{margin:var(--space-4) 0 0;color:var(--text-muted);line-height:1.5}.login-legal{padding-top:var(--space-4);border-top:1px solid var(--hairline);font-size:12px}.login-forgot{margin:calc(var(--space-2) * -1) 0;text-align:right;font-size:var(--text-xs)}.login-link{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--primary);font:inherit;cursor:pointer;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.login-link[aria-disabled=true]{cursor:progress}.login-legal a{color:inherit;text-decoration:underline}.login-skeleton{display:grid;gap:var(--space-4)}.login-skeleton-field{display:grid;gap:var(--space-2)}.login-skeleton-door,.login-skeleton-field:after,.login-skeleton-field:before{content:"";display:block;background:var(--hairline);animation:login-skeleton-pulse 1.2s ease-in-out infinite alternate}.login-skeleton-field:before{width:min(11rem,60%);height:.75rem;margin-block:calc((14px * 1.4 - .75rem) / 2);border-radius:var(--radius-sm)}.login-skeleton-field:after{height:var(--control-h,2.75rem);border-radius:var(--radius)}.login-skeleton-door{height:var(--control-h-lg,3.25rem);border-radius:var(--radius-control)}@keyframes login-skeleton-pulse{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){.login-card :is(.login-provider,.login-submit):active{transform:none}.login-skeleton-door,.login-skeleton-field:after,.login-skeleton-field:before{animation:none;opacity:.8}}.login-dev{margin-top:var(--space-4);padding:var(--space-3);border:1px dashed var(--warning-amber,var(--hairline-visible));border-radius:var(--radius-sm)}.login-dev__label{margin:0;color:var(--text-warning,var(--text-muted));font:700 var(--text-label) /1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}