.auth-page{color-scheme:dark;--page: var(--color-surface-950);--panel: var(--color-surface-900);--line: var(--color-surface-700);--muted: var(--color-surface-400);min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse 65rem 40rem at 50% 0,color-mix(in oklab,var(--color-primary-500) 8%,transparent),transparent),var(--page);color:var(--color-surface-200);font-family:Nunito Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.auth-page .shell{width:min(100% - 3rem,72rem);margin-inline:auto}.auth-page .site-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.75rem;border-bottom:1px solid var(--line)}.auth-page .brand{display:grid;grid-template-columns:auto 1fr;column-gap:.65rem;gap:.35rem;text-decoration:none}.auth-page .brand-logo{grid-row:span 2;align-self:center;width:2.75rem;height:auto}.auth-page .brand-name{font-size:1.5rem}.auth-page .brand-byline{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.75rem}.auth-page .brand-byline img{width:auto;height:.9rem}.auth-page .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.875rem}.auth-page a:hover{color:var(--color-primary-400)}.auth-page a:focus-visible,.auth-page button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:4px}.auth-page .login-layout{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,8vw,8rem);padding-block:5rem}.auth-page h1{margin-top:1.25rem;font-size:clamp(3rem,5.5vw,4.75rem);line-height:1.08;font-weight:800;letter-spacing:-.05em}.auth-page .intro-description{margin-top:1.5rem;max-width:27rem;color:var(--muted);font-size:1.0625rem;line-height:1.8}.auth-page .sign-in-panel{padding:clamp(1.5rem,3.5vw,3rem);border:1px solid var(--line);border-radius:1rem;background:var(--panel);box-shadow:0 24px 64px #0003}.auth-page .sign-in-panel h2{font-size:2rem;line-height:1.2;font-weight:750;letter-spacing:-.035em}.auth-page .form-description{margin-top:.75rem;color:var(--muted);font-size:.9375rem;line-height:1.6}.auth-page form{display:grid;gap:1.5rem;margin-top:2rem}.auth-page .field{display:grid;gap:.6rem;font-size:.875rem;font-weight:700}.auth-page .input{width:100%;min-width:0;min-height:3.25rem;border:1px solid var(--color-surface-600);border-radius:.5rem;padding:.75rem 1rem;background:var(--color-surface-800);color:var(--color-surface-200);font-size:1rem;font-weight:400;color-scheme:dark}.auth-page .input::placeholder{color:var(--color-surface-400)}.auth-page .input:focus{border-color:var(--color-primary-500);outline:2px solid var(--color-primary-500);outline-offset:2px}.auth-page .password-label{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem}.auth-page .password-label a{color:var(--color-primary-400);font-size:.8125rem;font-weight:600}.auth-page .password-input{position:relative}.auth-page .password-input input{padding-right:3.25rem}.auth-page .visibility-toggle{position:absolute;inset:4px 4px 4px auto;display:grid;place-items:center;width:2.75rem;border-radius:.3rem;color:var(--muted);cursor:pointer}.auth-page .visibility-toggle:hover{color:var(--color-primary-400);background:var(--panel)}.auth-page .sign-in-button{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:3.25rem;padding:.85rem 1rem;border-radius:.5rem;background:var(--color-primary-500);color:var(--page);font-size:.9375rem;font-weight:800;cursor:pointer;transition:background-color .15s}.auth-page .sign-in-button:hover:not(:disabled){background:var(--color-primary-400)}.auth-page .sign-in-button:disabled{opacity:.7;cursor:wait}.auth-page .error-message{border:1px solid var(--color-error-400);border-radius:.5rem;padding:.875rem 1rem;color:var(--color-error-100);background:color-mix(in oklab,var(--color-error-500) 15%,var(--page));font-size:.875rem;line-height:1.6}.auth-page .site-footer{display:flex;justify-content:space-between;gap:1rem;padding-block:1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.8125rem}@media(max-width:800px){.auth-page .login-layout{grid-template-columns:1fr;gap:2.5rem;max-width:30rem;padding-block:3rem}.auth-page .introduction{text-align:center}.auth-page h1{font-size:3rem}.auth-page .intro-description{margin-inline:auto}}@media(max-width:540px){.auth-page .shell{width:calc(100% - 2rem)}.auth-page .site-header{padding-block:1.25rem;gap:1rem}.auth-page .brand-name{font-size:.9375rem}.auth-page .back-link{font-size:.75rem}.auth-page .login-layout{padding-block:2.5rem;gap:2rem}.auth-page .sign-in-panel{padding:1.5rem}.auth-page .site-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){.auth-page .sign-in-button{transition:none}}.auth-page .field-error{color:var(--color-error-100);font-size:.8125rem;font-weight:400}.auth-page .field-hint{color:var(--muted);font-size:.8125rem;font-weight:400;line-height:1.6}.auth-page .form-link{color:var(--color-primary-400);text-align:center;font-size:.875rem}.auth-page .name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}@media(max-width:540px){.auth-page .name-grid{grid-template-columns:1fr}}@media(max-width:540px){.auth-page .brand-logo{width:2rem}}