.auth-page{height:100svh;min-height:100svh;color:var(--color-ink);background:var(--color-paper);flex-direction:column;display:flex;overflow:hidden}.auth-topbar{border-bottom:1px solid var(--color-rule);flex:0 0 78px;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:18px clamp(24px,5vw,76px);display:flex}.auth-topbar>a{display:inline-flex}.auth-topbar .brand-lockup{--brand-ink:var(--color-ink);--brand-mark-color:var(--color-accent)}.auth-topbar .brand-name{letter-spacing:-.04em;font-size:19px}.auth-topbar-actions{align-items:center;gap:clamp(22px,3vw,42px);display:flex}.auth-topbar .theme-toggle{border-color:var(--color-rule);color:var(--color-ink);background:0 0}.auth-topbar .theme-toggle:hover{border-color:var(--color-accent)}.auth-topbar-link{color:var(--color-ink);font-size:15px;font-weight:500;text-decoration:none}.auth-topbar-link:hover{color:var(--color-accent)}.auth-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(440px,.96fr);align-items:stretch;min-height:0;display:grid;overflow:hidden}.auth-intro{place-self:center;width:min(100%,760px);min-height:0;padding:clamp(28px,5vh,78px) clamp(30px,8vw,122px)}.auth-intro h1{max-width:660px;color:var(--color-ink);letter-spacing:-.02em;margin:0 0 25px;font-size:clamp(3.15rem,5.5vw,5.8rem);font-weight:600;line-height:1.02}.auth-intro-copy{max-width:540px;color:var(--color-ink-muted);margin:0;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.55}.auth-benefits{border-top:1px solid var(--color-rule);gap:0;max-width:520px;margin-top:clamp(28px,4vw,58px);display:grid}.auth-benefits div{border-bottom:1px solid var(--color-rule);min-height:58px;color:var(--color-ink-soft);align-items:center;gap:16px;font-size:15px;display:flex}.auth-benefit-mark{width:18px;height:18px;color:var(--color-accent);flex:0 0 18px;display:inline-block;position:relative}.auth-benefit-live{border:1px solid;border-radius:50%}.auth-benefit-live:after{content:"";background:currentColor;position:absolute;inset:2px 8px;transform:rotate(45deg)}.auth-benefit-dashboard{border:1px solid;border-radius:3px}.auth-benefit-dashboard:before{content:"";border:1px solid;position:absolute;inset:4px}.auth-benefit-privacy{border:1px solid;border-radius:50%}.auth-benefit-privacy:before,.auth-benefit-privacy:after{content:"";background:currentColor;position:absolute}.auth-benefit-privacy:before{width:10px;height:1px;top:8px;left:3px;transform:rotate(-34deg)}.auth-benefit-privacy:after{width:1px;height:10px;top:3px;left:8px;transform:rotate(-34deg)}.auth-proof{border-top:1px solid var(--color-rule);max-width:530px;margin-top:28px;padding-top:17px}.auth-proof-label{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.08em;font-size:10px}.auth-proof p{color:var(--color-ink-muted);font-family:var(--font-mono);margin:10px 0 0;font-size:11px;line-height:1.6}.auth-panel{border-left:1px solid var(--color-rule);background:var(--color-paper-2);flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:clamp(24px,4vh,56px) clamp(30px,8vw,112px);display:flex}.auth-panel-heading{border:0;max-width:600px;padding:0}.auth-panel h2{max-width:620px;color:var(--color-ink);letter-spacing:-.02em;margin:0 0 13px;font-size:clamp(2.2rem,3.8vw,3.4rem);font-weight:600;line-height:1.05}.auth-panel-heading>p:last-child{max-width:480px;color:var(--color-ink-muted);margin:0;font-size:15px;line-height:1.5}.auth-form{gap:9px;max-width:600px;margin-top:24px;display:grid}.auth-form label{color:var(--color-ink-soft);font-size:13px;font-weight:600}.auth-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.auth-label-row .auth-inline-button{font-size:13px}.auth-hint{color:var(--color-ink-muted);margin:-4px 0 6px;font-size:12.5px;line-height:1.5}.auth-form input{border:1px solid var(--color-rule-strong);width:100%;min-height:46px;color:var(--color-ink);background:var(--color-card);border-radius:7px;margin-bottom:9px;padding:0 14px;font-size:15px}.auth-form input::placeholder{color:var(--color-ink-muted)}.auth-form input:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent);outline:none}.auth-password-field{margin-bottom:9px;position:relative}.auth-password-field input{margin-bottom:0;padding-right:58px}.auth-password-toggle{width:42px;height:42px;color:var(--color-ink-muted);cursor:pointer;transition:color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--color-ink);background:color-mix(in oklab, var(--color-rule) 55%, transparent)}.auth-password-toggle:focus-visible{color:var(--color-ink);outline:2px solid var(--color-accent);outline-offset:2px}.auth-password-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:20px;height:20px}.auth-providers{gap:9px;max-width:600px;margin-top:24px;display:grid}.auth-provider{border:1px solid var(--color-rule);min-height:46px;color:var(--color-ink);background:var(--color-card);transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);border-radius:7px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #1414120f}.auth-provider:hover{border-color:color-mix(in oklab, var(--color-ink-muted) 60%, var(--color-rule-strong));background:var(--color-paper-2);transform:none}.auth-provider:disabled{cursor:wait;color:var(--color-ink-muted);background:var(--color-paper-2);box-shadow:none;transform:none}.auth-provider-icon{width:22px;height:22px;color:var(--color-ink);place-items:center;font-size:15px;font-weight:700;display:inline-grid}.auth-provider-icon svg{width:20px;height:20px;display:block}.auth-provider-icon-google svg{fill:none}.auth-provider-icon-github svg{fill:currentColor}.auth-provider-google .auth-provider-icon{color:#4285f4}.auth-divider{max-width:600px;color:var(--color-ink-muted);align-items:center;gap:13px;margin-top:25px;font-size:12.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-rule);flex:1;height:1px}.auth-submit{border:1px solid var(--color-accent-deep);width:100%;min-height:46px;color:var(--color-accent-ink);background:var(--color-accent);border-radius:7px;margin-top:2px;font-size:14.5px;transform:none;box-shadow:inset 0 1px #ffffff29,0 1px 2px #0d529647}.auth-submit:hover,.auth-submit:active{transform:none}.auth-submit:hover{background:var(--color-accent-deep)}.auth-status{max-width:600px;color:var(--color-ink-muted);font-family:var(--font-mono);margin:18px 0 0;font-size:11px;line-height:1.6}.auth-status-error{color:var(--color-fall)}.auth-status-success{color:var(--color-ink-soft)}.auth-inline-button:disabled{cursor:wait;opacity:.6}.auth-inline-button{color:var(--color-accent);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.auth-email-note{max-width:570px;color:var(--color-ink-muted);font-family:var(--font-mono);margin:21px 0 0;font-size:10px;line-height:1.6}.auth-switch{color:var(--color-ink-muted);margin:28px 0 0;font-size:13px}.auth-switch a{color:var(--color-accent);text-underline-offset:4px;font-weight:600;text-decoration:underline}.auth-switch a:hover{color:var(--color-ink)}.auth-legal{max-width:500px;color:var(--color-ink-muted);font-family:var(--font-mono);margin:16px 0 0;font-size:9px;line-height:1.6}.auth-legal a{color:var(--color-ink-soft);text-underline-offset:3px;text-decoration:underline}@media (max-width:900px){.auth-page{height:auto;min-height:100svh;overflow:visible}.auth-layout{grid-template-columns:1fr;min-height:auto;overflow:visible}.auth-intro{width:100%;max-width:720px;padding:72px 30px 58px}.auth-panel{border-top:1px solid var(--color-rule);border-left:0;padding:58px 30px 72px}}@media (max-width:560px){.auth-topbar{min-height:68px;padding:15px 17px}.auth-topbar .brand-name{font-size:17px}.auth-topbar-link{display:none}.auth-intro{padding:57px 18px 46px}.auth-intro h1{font-size:clamp(3rem,15vw,4.5rem)}.auth-intro-copy{font-size:15px}.auth-benefits{margin-top:39px}.auth-benefits div{min-height:54px;font-size:13px}.auth-panel{padding:48px 18px 58px}.auth-panel h2{font-size:clamp(2.6rem,13vw,4.1rem)}}.auth-checking{align-items:center;gap:10px;display:flex}