.auth{background:var(--bg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid;position:relative}.auth-art{color:var(--off-white);position:relative;overflow:hidden}.auth-art-inner{z-index:1;flex-direction:column;height:100%;padding:132px 56px 0;display:flex;position:relative}.auth-art-title{max-width:12ch;font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(40px,4.6vw,64px);font-weight:800;line-height:1.02}.auth-art-sub{max-width:34ch;color:var(--tint);margin:18px 0 0;font-size:1.1rem;line-height:1.5}.auth-art-mock{transform-origin:70%;align-self:flex-end;width:100%;max-width:560px;margin-top:auto;margin-bottom:-48px;margin-right:-14%;transform:rotate(-6deg)}.auth-art-mock .lp-mock{pointer-events:none;margin:40px 0 0;font-size:.92rem}.auth-wordmark{z-index:2;font-family:var(--font-display);letter-spacing:-.03em;color:var(--off-white);font-size:2.1rem;font-weight:800;line-height:1;text-decoration:none;position:absolute;top:40px;left:56px}.auth-wordmark:focus-visible{outline:2px solid var(--off-white);outline-offset:4px;border-radius:4px}.auth-main{justify-content:center;align-items:center;padding:72px 32px 48px;display:flex;position:relative}.auth-close{width:44px;height:44px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:50%;place-items:center;transition:background-color .15s,transform .15s;display:grid;position:absolute;top:20px;right:20px}.auth-close:hover{background:var(--tint);transform:rotate(90deg)}.auth-panel{width:100%;max-width:440px}.auth-tabs{gap:32px;margin-bottom:32px;display:flex}.auth-tabs a{color:var(--muted);font-family:var(--font-display);letter-spacing:-.015em;padding-bottom:8px;font-size:1.6rem;font-weight:800;text-decoration:none;position:relative}.auth-tabs a:after{content:"";background:var(--accent);transform-origin:0;border-radius:3px;height:3px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.auth-tabs a:hover{color:var(--text)}.auth-tabs a:hover:after{transform:scaleX(.35)}.auth-tabs a[aria-current=page]{color:var(--text)}.auth-tabs a[aria-current=page]:after{transform:scaleX(1)}.auth-h1{letter-spacing:-.02em;margin:0 0 24px;font-size:2rem;font-weight:800}.auth-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-panel form{gap:18px}.auth-panel label{font-size:.95rem;font-weight:600}.auth-panel input{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;height:50px;padding:0 16px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.auth-panel input:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.auth-panel input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint);outline:none}.auth-panel .btn{border-radius:999px;width:100%;height:52px;font-size:1rem;transition:background-color .15s,transform .1s}.auth-panel .btn:active{transform:scale(.99)}.auth-panel .btn.google{border:1.5px solid var(--border);font-weight:600}.auth-panel .btn.google:hover{background:#fff;border-color:#747775}.auth-panel .or{margin:4px 0}.auth-hint{color:var(--muted);font-size:.88rem;font-weight:400}.auth-panel .error{background:color-mix(in srgb, var(--bad) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--bad) 30%, transparent);border-radius:10px;padding:10px 14px}.auth-panel .notice{background:var(--tint);color:var(--emerald-deep);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:12px;padding:14px 16px}.auth-foot{color:var(--muted);margin:22px 0 0;font-size:.92rem}.auth-foot a{color:var(--accent);font-weight:600}@media (prefers-reduced-motion:no-preference){.auth-panel{animation:.35s ease-out both auth-in}.auth-art-title,.auth-art-sub{animation:.5s ease-out both auth-in}.auth-art-sub{animation-delay:60ms}.auth-art-mock{animation:7s ease-in-out infinite alternate auth-float}}@keyframes auth-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes auth-float{0%{transform:rotate(-6deg)translateY(0)}to{transform:rotate(-5deg)translateY(-12px)}}@media (max-width:860px){.auth{grid-template-rows:auto 1fr;grid-template-columns:1fr}.auth-art-inner{padding:28px 20px 56px}.auth-art-title{max-width:none;font-size:34px}.auth-art-sub{font-size:1rem}.auth-art-mock{display:none}.auth-wordmark{font-size:1.4rem;top:20px;left:20px}.auth-art-inner{padding-top:64px}.auth-main{align-items:flex-start;padding:32px 16px 40px}.auth-close{background:color-mix(in srgb, var(--off-white) 90%, transparent);width:40px;height:40px;top:16px;right:16px}.auth-tabs{gap:24px;margin-bottom:24px}.auth-tabs a{font-size:1.35rem}}