.auth{background:var(--color-canvas);grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.auth-left{place-items:center;padding:40px 24px;display:grid}.auth-card{width:100%;max-width:400px}.auth-logo{margin-bottom:34px;display:inline-block}.auth-logo img{width:auto;height:30px}.auth-card h1{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:40px;font-weight:800;line-height:1.02}.auth-sub{color:var(--color-ink-2);margin:8px 0 26px}.auth-gh{background:var(--color-ink);color:#fff;width:100%}.auth-gh:hover{background:#000}.auth-or{color:var(--color-ink-3);align-items:center;gap:12px;margin:18px 0;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--color-line);flex:1;height:1px}.auth-card .field input{background:var(--color-surface)}.auth-submit{width:100%;margin-top:6px}.auth-switch{color:var(--color-ink-2);margin:18px 0 0;font-size:14px}.auth-switch a{color:var(--color-violet-ink);font-weight:600;text-decoration:none}.auth-right{background:radial-gradient(120% 80% at 50% 40%, #4b31c9 0%, #2a1b6b 45%, var(--color-night) 100%);place-items:center;padding:40px;display:grid;position:relative;overflow:hidden}.auth-stage{width:min(100%,520px);height:440px;position:relative}.auth-otter{filter:drop-shadow(0 30px 40px #00000059);width:360px;height:auto;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.auth-stage .float{position:absolute}.auth-stage .a1{top:10px;left:0}.auth-stage .a2{top:110px;right:0}.auth-stage .a3{bottom:30px;left:20px}.auth-quote{text-align:center;color:#cfc6f5;font-family:var(--font-display);margin:0;font-size:18px;font-weight:700;position:absolute;bottom:28px;left:0;right:0}@media (prefers-reduced-motion:no-preference){.auth-otter{animation:6s ease-in-out infinite auth-bob}@keyframes auth-bob{0%,to{transform:translate(-50%,-50%)rotate(-2deg)}50%{transform:translate(-50%,-54%)rotate(2deg)}}}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-right{display:none}}.consent h1{font-size:26px}.consent-pair{align-items:center;gap:10px;margin-bottom:18px;display:flex}.consent-pair .ic{color:#fff;width:44px;height:44px;font:700 18px var(--font-sans);background:#1b1917;border-radius:12px;place-items:center;display:grid}.consent-pair .dots{border-top:2px dotted #cfc6ba;width:44px}.consent-pair img{width:auto;height:30px}.consent-list{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.consent-list li{padding-left:28px;font-size:15px;position:relative}.consent-list li:before{content:"✓";color:#1e8e57;width:19px;height:19px;font:700 12px/19px var(--font-sans);text-align:center;background:#e7f5ec;border-radius:50%;position:absolute;top:0;left:0}.consent-write{cursor:pointer;background:#fbf0dc;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.consent-write input{accent-color:#a86a12;width:16px;height:16px;margin-top:3px}.consent-write b{font-size:14.5px;display:block}.consent-write small{color:#6b4510;font-size:13px}.consent-note{color:var(--color-ink-3);margin:0 0 18px;font-size:13px}.consent-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.consent-switch{font:inherit;color:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.consent-switch:disabled{opacity:.6;cursor:default}.auth-social{gap:8px;display:grid}.auth-google{color:#1f1f1f;background:#fff;width:100%;font-weight:600;box-shadow:inset 0 0 0 1px #747775}.auth-google:hover{background:#f8f8f8}.auth-google:focus-visible{outline:2px solid var(--color-violet);outline-offset:2px}.auth-g{width:18px;height:18px;display:inline-grid}.auth-g svg{width:18px;height:18px;display:block}