@font-face{font-family:Manrope;src:url('/assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-800.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--paper:oklch(97.6% .005 110);--ink:oklch(25% .013 120);--muted:oklch(47% .017 120);--line:oklch(84% .013 120);--lime:oklch(92% .18 119);font:16px/1.6 Manrope,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}p,h1,h2{margin:0}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.skip-link{position:absolute;top:-6rem;left:1rem;z-index:5;background:var(--lime);padding:1rem}.skip-link:focus{top:1rem}
.account-header,.account-footer{max-width:1360px;margin:auto;padding:2rem 3.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.wordmark{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:800;font-size:1.8rem;letter-spacing:-.06em;line-height:1}.wordmark svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linejoin:round}
.home-link{font-size:.875rem;color:var(--muted);text-decoration:none}.home-link:hover{text-decoration:underline}
.account-layout{max-width:1248px;min-height:650px;margin:1.5rem auto 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:0 1.5rem}
.account-story{background:var(--lime);padding:3.25rem 2.75rem;border-radius:5px;display:flex;flex-direction:column}
.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.1em;line-height:1.6}.account-story h1{font-size:4.5rem;line-height:1.1;letter-spacing:-.075em;margin-top:2rem}.story-intro{font-size:1.125rem;line-height:1.8;margin-top:1.5rem}
.story-steps{padding:0;margin:3rem 0 0;list-style:none}.story-steps li{padding:.85rem 0;border-top:1px solid oklch(50% .07 120 / .3);font-size:.94rem}.story-steps span{font-size:.75rem;margin-right:1.4rem}.story-footnote{margin-top:auto;padding-top:2.5rem;font-size:.8rem}
.account-form{padding:4rem 2rem 2rem;align-self:center;max-width:500px;width:100%}.account-form>.eyebrow{color:var(--muted)}.account-form h2{font-size:2.65rem;line-height:1.16;letter-spacing:-.06em;margin:1.2rem 0 1rem}.account-form h2 span{color:var(--muted)}.account-intro{font-size:1rem;line-height:1.8;color:var(--muted);max-width:35ch}
.auth-fields{margin-top:2.3rem}.auth-fields label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.auth-fields label span{font-weight:400;color:var(--muted)}.auth-fields input{padding:.8rem 1rem;min-height:48px;width:100%;border:1px solid var(--line);background:oklch(99% .005 110);border-radius:4px;margin-bottom:1.3rem}
.google-unavailable,.retry-button{min-height:48px;width:100%;max-width:360px;padding:.8rem 1rem;border:1px solid var(--line);border-radius:4px;background:oklch(99% .005 110);color:var(--muted);font-size:.94rem;font-weight:600}.google-unavailable{cursor:not-allowed}.retry-button{cursor:pointer;color:var(--ink)}.retry-button:hover{background:var(--lime)}.google-button-slot{min-height:44px;max-width:360px}.google-button-slot[aria-busy=true]{pointer-events:none;opacity:.6}
.auth-status{font-size:.8rem;line-height:1.7;color:var(--muted);margin-top:.85rem;max-width:43ch;min-height:2.8em}.auth-status.is-error,.auth-message{color:oklch(40% .14 25)}.auth-message{border:1px solid oklch(78% .05 25);background:oklch(96% .02 25);padding:1rem;border-radius:4px;margin-top:1.25rem;font-size:.875rem}
.identity-note{color:var(--muted);font-size:.8rem;line-height:1.9;margin-top:1.1rem}.account-alternative{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem;font-size:.875rem}.account-alternative span{color:var(--muted)}.account-alternative a{font-weight:600;margin-left:.35rem}.account-assurance{font-size:.8rem;color:var(--muted);margin-top:2rem}.account-footer{padding-top:1rem;color:var(--muted);font-size:.75rem}
@media(max-width:1000px){.account-header,.account-footer{padding-inline:2rem}.account-layout{gap:1.5rem}.account-story{padding:2.5rem 2rem}.account-story h1{font-size:3.6rem}.account-form{padding:2.5rem 1rem}.account-form h2{font-size:2.3rem}}
@media(max-width:700px){.account-header,.account-footer{padding:1.5rem;gap:1rem}.wordmark{font-size:1.5rem}.wordmark svg{width:25px;height:25px}.home-link{font-size:.75rem}.account-layout{grid-template-columns:1fr;min-height:0;margin:1rem auto 2rem;gap:0}.account-form{grid-row:1;padding:1.5rem .25rem 2.5rem;max-width:none}.account-form h2{font-size:2.5rem}.account-story{padding:2rem 1.5rem}.account-story h1{font-size:3.3rem;margin-top:1.25rem}.story-intro{font-size:1rem}.story-steps{margin-top:1.8rem}.story-footnote{padding-top:1.5rem}.account-footer{font-size:.75rem;flex-wrap:wrap}.account-assurance{margin-top:1.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
