.auth-page{min-height:100dvh}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:16px;min-height:100dvh;padding:16px;display:grid}.auth-form-column{flex-direction:column;min-width:0;padding:12px clamp(8px,4vw,56px) 24px;display:flex}.auth-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth-brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:inline-flex}.auth-back{min-height:44px;color:var(--lp-text);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:500;transition:background-color .16s,color .16s;display:inline-flex}.auth-back:hover{background:var(--lp-card);color:var(--lp-ink)}.auth-form-wrap{width:100%;max-width:420px;margin:auto;padding-block:clamp(16px,4dvh,40px) 16px}.auth-title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(32px,3vw,42px);font-weight:650;line-height:1.02}.auth-lede{color:var(--lp-text);margin-top:10px;font-size:15.5px;line-height:1.55}.auth-switch{background:var(--lp-card);border-radius:999px;grid-template-columns:1fr 1fr;margin-top:22px;padding:5px;display:grid;position:relative}.auth-switch button{z-index:1;min-height:46px;color:var(--lp-muted);border-radius:999px;font-size:15px;font-weight:600;transition:color .2s;position:relative}.auth-switch button[aria-pressed=true]{color:var(--lp-ink)}.auth-switch-thumb{background:var(--lp-tile);width:calc(50% - 5px);box-shadow:var(--lp-tile-shadow);transition:transform .46s var(--ease-out,cubic-bezier(.23, 1, .32, 1));border-radius:999px;position:absolute;top:5px;bottom:5px;left:5px}.auth-page[data-mode=create] .auth-switch-thumb{transform:translate(100%)}.auth-form{margin-top:20px}.auth-form>*+*{margin-top:14px}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field>span:first-child,.auth-field>label{color:var(--lp-ink);font-size:14px;font-weight:600}.auth-field input{border:1px solid var(--lp-line);background:var(--lp-tile);width:100%;height:48px;color:var(--lp-ink);border-radius:12px;padding:0 16px;font-size:16px;transition:border-color .16s,box-shadow .2s}.auth-field input::placeholder{color:var(--lp-muted)}.auth-field input:hover{border-color:color-mix(in oklab, var(--lp-ink) 22%, var(--lp-line))}.auth-field input:focus{border-color:var(--lp-blue);box-shadow:0 0 0 4px var(--lp-blue-soft);outline:none}.auth-password{display:block;position:relative}.auth-password input{padding-right:56px}.auth-reveal-password{width:44px;height:44px;color:var(--lp-muted);border-radius:12px;place-items:center;transition:background-color .16s,color .16s;display:grid;position:absolute;top:50%;right:6px;translate:0 -50%}.auth-reveal-password:hover{background:var(--lp-card);color:var(--lp-ink)}.auth-collapsible{opacity:0;transition:grid-template-rows .42s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), opacity .26s ease, margin-top .42s var(--ease-out,cubic-bezier(.23, 1, .32, 1));grid-template-rows:0fr;display:grid}.auth-collapsible>div{min-height:0;overflow:hidden}.auth-collapsible[data-open=true]{opacity:1;grid-template-rows:1fr}.auth-form>.auth-collapsible[data-open=false]{margin-top:0}.auth-strength{color:var(--lp-muted);align-items:center;gap:10px;font-size:13.5px;display:flex}.auth-strength-bars{gap:4px;display:flex}.auth-strength-bars i{background:var(--lp-line);border-radius:2px;width:28px;height:4px;transition:background-color .24s}.auth-strength[data-level="1"] i:nth-child(-n+1){background:#e11d48}.auth-strength[data-level="2"] i:nth-child(-n+2){background:var(--lp-blue)}.auth-strength[data-level="3"] i{background:#059669}.auth-legal{color:var(--lp-text);align-items:flex-start;gap:12px;margin-top:16px;font-size:14px;line-height:1.55;display:flex}.auth-legal input{width:18px;height:18px;accent-color:var(--lp-blue);flex-shrink:0;margin-top:2px}.auth-legal a,.auth-footnote a{color:var(--lp-ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.auth-error{color:#be123c;background:#e11d4814;border-radius:14px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:14px;line-height:1.5;animation:.36s both auth-nudge;display:flex}.auth-error svg{flex-shrink:0;margin-top:2px}html.dark .auth-error{color:#fda4af;background:#f43f5e1f}.auth-form>.auth-submit{width:100%;margin-top:20px}.auth-submit:disabled{cursor:wait;opacity:.75}.auth-alt{margin-top:20px}.auth-divider{color:var(--lp-muted);align-items:center;gap:12px;margin-bottom:14px;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--glass-hairline);flex:1;height:1px}.auth-google{width:100%}.auth-google-mark{flex-shrink:0;width:20px;height:20px}.auth-footnote{color:var(--lp-muted);margin-top:20px;font-size:14px}.auth-page :is(a,button,input):focus-visible{outline:2px solid var(--lp-blue);outline-offset:3px}.auth-page .auth-field input:focus-visible{outline:none}.auth-showcase{isolation:isolate;border-radius:var(--lp-radius-panel,40px);background:radial-gradient(46% 38% at 22% 24%, #22c4ee33, transparent 70%), radial-gradient(46% 40% at 78% 34%, #8b7cff3d, transparent 70%), radial-gradient(70% 46% at 50% 62%, #0d5cff38, transparent 72%), var(--lp-night,#050507);color:#fff;height:calc(100dvh - 32px);transition:--px .9s var(--spring), --py .9s var(--spring);flex-direction:column;align-self:start;gap:24px;padding:clamp(28px,3.4vw,48px);display:flex;position:sticky;top:16px;overflow:hidden}.auth-photos{z-index:-2;animation:auth-photo-in 1.6s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) both;position:absolute;inset:0}.auth-photo{opacity:0;background:50%/cover no-repeat;transition:opacity 1ms .9s,scale 1ms .9s;position:absolute;inset:0;scale:1.08}.auth-photo--sign-in{background-image:url(/images/landing/girl-looking-down.webp)}.auth-photo--create{background-image:url(/images/landing/girl-looking-forward-2.webp)}.auth-page[data-mode=sign-in] .auth-photo--sign-in,.auth-page[data-mode=create] .auth-photo--create{z-index:1;opacity:1;transition:opacity .8s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), scale 1.6s var(--ease-out,cubic-bezier(.23, 1, .32, 1));scale:1}.auth-showcase:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 42%,#0505079e 70%,#050507e6 100%),linear-gradient(#05050759,#0000 22%);position:absolute;inset:0}.auth-scene{flex:1;min-height:0;position:relative}.auth-tile,.auth-chip{border:1px solid var(--glass-hairline);background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);translate:calc(var(--px) * var(--depth,12px)) calc(var(--py) * var(--depth,10px));animation:auth-pop .76s var(--spring-pop,cubic-bezier(.34, 1.56, .64, 1)) both, lp-float 7s ease-in-out 3;animation-delay:calc(.24s + var(--i,0) * 90ms), calc(var(--i,0) * -1.4s);position:absolute}.auth-tile{--depth:20px;width:56px;height:56px;color:var(--accent);box-shadow:inset 0 1px 0 var(--glass-edge), var(--lp-tile-shadow);border-radius:18px;place-items:center;display:grid}.auth-tile--left{--i:1;top:21%;left:30%}.auth-tile--right{--i:5;--depth:24px;top:46%;right:0}.auth-chip{max-width:min(300px,44%);color:var(--lp-ink);box-shadow:inset 0 1px 0 var(--glass-edge), var(--lp-tile-shadow);border-radius:18px;align-items:center;gap:12px;padding:12px 18px 12px 12px;display:flex}.auth-chip[data-accent=emerald]{--accent:#059669}html.dark .auth-chip[data-accent=emerald]{--accent:#34d399}.auth-chip strong{text-wrap:balance;font-size:14px;font-weight:650;line-height:1.3;display:block}.auth-chip small{color:var(--lp-muted);text-wrap:balance;margin-top:2px;font-size:12px;line-height:1.35;display:block}.auth-chip small svg{vertical-align:-1px;display:inline}.auth-nowrap{white-space:nowrap}.auth-chip-icon{background:color-mix(in oklab, var(--accent,var(--lp-blue)) 14%, transparent);width:36px;height:36px;color:var(--accent,var(--lp-blue));border-radius:12px;flex-shrink:0;place-items:center;display:grid}.auth-chip--security{--depth:14px;top:11%;left:0}.auth-chip--speed{--i:2;--depth:22px;top:37%;left:2%}.auth-chip--privacy{--i:3;--depth:18px;bottom:2%;left:0}.auth-chip--launch{--i:4;max-width:min(300px,52%);top:0;right:0}.auth-chip-meter{background:color-mix(in oklab, var(--accent) 16%, transparent);border-radius:999px;width:100%;height:6px;margin:7px 0 4px;display:block}.auth-chip-meter i{border-radius:inherit;background:var(--accent);clip-path:inset(0 64.5% 0 0 round 999px);height:100%;animation:auth-shrink 1.4s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) .9s both;display:block}.auth-showcase-copy{max-width:470px;position:relative}.auth-showcase-copy h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(28px,2.6vw,38px);font-weight:650;line-height:1.04}.auth-showcase-lede{color:#fffc;margin-top:12px;font-size:16px;line-height:1.5}.auth-showcase-stats{-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:22px;margin-top:22px;padding:16px 26px;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}.auth-showcase-stats>div{flex-direction:column;gap:8px;padding-right:28px;display:flex}.auth-showcase-stats>div+div{border-left:1px solid #ffffff1f;padding-left:28px;padding-right:0}.auth-showcase-stats dt{display:contents}.auth-showcase-stats dt svg{color:#6f9bff;order:1}.auth-showcase-stats dd{letter-spacing:-.03em;order:2;font-size:36px;font-weight:650;line-height:1}.auth-showcase-stats dt span{color:#ffffffb8;order:3;font-size:14px}@media (max-width:1279px),(max-height:760px){.auth-chip--privacy,.auth-tile{display:none}}@media (max-width:1279px){.auth-chip{max-width:48%}}@media (max-height:760px){.auth-chip--speed{top:auto;bottom:4%}}@media (prefers-reduced-transparency:reduce){.auth-showcase-stats{-webkit-backdrop-filter:none;backdrop-filter:none;background:#12141b}}.auth-reveal{animation:auth-rise .72s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) both;animation-delay:calc(var(--i,0) * 80ms)}.auth-swap{animation:auth-swap .56s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) both}.auth-lede.auth-swap{animation-delay:60ms}.auth-showcase{animation:auth-panel .9s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) both}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes auth-swap{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}}@keyframes auth-panel{0%{opacity:0;transform:scale(.985)}}@keyframes auth-photo-in{0%{opacity:0;scale:1.08}45%{opacity:1}}@keyframes auth-shrink{0%{clip-path:inset(0 round 999px)}}@keyframes auth-pop{0%{opacity:0;scale:.86}}@keyframes auth-nudge{0%{opacity:0;transform:translate(0)}30%{transform:translate(-4px)}60%{transform:translate(3px)}to{opacity:1;transform:translate(0)}}@media (max-width:1023px){.auth-layout{grid-template-columns:minmax(0,1fr);padding:0}.auth-showcase{display:none}.auth-form-column{padding:12px 16px 24px}.auth-form-wrap{padding-top:32px}}@media (prefers-reduced-motion:reduce){.auth-reveal,.auth-swap,.auth-showcase,.auth-tile,.auth-chip,.auth-chip-meter i,.auth-error,.auth-photos{animation:none}.auth-switch-thumb,.auth-collapsible,.auth-page[data-mode] .auth-photo{transition:none}}