[data-oloy-cats=login]{--sans:var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--paper:#f9f6f0;--ink:#1c0f02;--ink-74:#1c0f02bd;--ink-60:#1c0f0299;--card:#fffdfaf0;--card-line:#781e1424;--ring:#be230b38;--card-shadow:0 18px 50px -18px #78140a59, 0 2px 10px #50140a14;--sidepad:clamp(24px, 5vw, 64px);background:var(--paper);min-height:100svh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;position:relative;overflow-x:clip}[data-oloy-cats=login] #nav{z-index:5;height:80px;position:relative}[data-oloy-cats=login] #nav .logo{color:var(--ink);border-radius:10px;align-items:center;padding:6px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-oloy-cats=login] #nav .logo svg{width:108px;height:56px;display:block;overflow:visible}[data-oloy-cats=login] .login{width:100%;max-width:1280px;min-height:calc(100svh - 80px);padding:32px var(--sidepad);grid-template-columns:clamp(360px,32.8vw,420px) minmax(0,1fr);align-items:center;gap:48px;margin:0 auto;display:grid}[data-oloy-cats=login] .left{z-index:2;flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}[data-oloy-cats=login] .words{flex-direction:column;gap:18px;max-width:420px;display:flex}[data-oloy-cats=login] h1{letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(30px,2.6vw,36px);font-weight:600;line-height:1.08}[data-oloy-cats=login] .sub{color:var(--ink-74);letter-spacing:-.005em;margin:0;font-size:15px;line-height:1.5}[data-oloy-cats=login] .cta{flex-direction:column;gap:12px;margin-top:6px;display:flex}[data-oloy-cats=login] .google{border:1px solid var(--card-line);background:var(--card);width:100%;min-height:52px;color:var(--ink);font:inherit;letter-spacing:-.005em;cursor:pointer;box-shadow:var(--card-shadow);border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:600;display:flex}[data-oloy-cats=login] .google svg{flex:none}[data-oloy-cats=login] .google:focus-visible,[data-oloy-cats=login] .switch a:focus-visible,[data-oloy-cats=login] .back:focus-visible{outline:2px solid var(--ink);outline-offset:4px}[data-oloy-cats=login] .google:focus-visible{box-shadow:var(--card-shadow), 0 0 0 3px var(--ring)}[data-oloy-cats=login] .switch{color:var(--ink-74);margin:0;font-size:14px;line-height:1.5}[data-oloy-cats=login] .switch a{text-underline-offset:2px;color:var(--ink);font-weight:500;text-decoration:underline}[data-oloy-cats=login] .free{color:var(--ink-60);margin:0;font-size:12px;line-height:1.5}[data-oloy-cats=login] .back{color:var(--ink-60);align-self:flex-start;padding:22px 0 0;font-size:13px}[data-oloy-cats=login] .back:hover{color:var(--ink)}[data-oloy-cats=login] .right{--scene-aspect:1.29412;min-width:0;width:min(100%, calc(max(280px, 100vh - 144px) * var(--scene-aspect)));width:min(100%, calc(max(280px, 100svh - 144px) * var(--scene-aspect)));isolation:isolate;justify-self:center;position:relative;overflow:hidden}[data-oloy-cats=login] .right .scene{aspect-ratio:660/510;pointer-events:none;width:100%;height:auto;display:block;overflow:hidden}[data-oloy-cats=login][data-mode=signup] .right{--scene-aspect:1.60784}[data-oloy-cats=login][data-mode=signup] .right .scene{aspect-ratio:820/510}[data-oloy-cats=login] .right>.pre{z-index:-1;pointer-events:none;display:block;position:absolute;inset:0}[data-oloy-cats=login] .right>.pre img{object-fit:contain;width:100%;height:100%;display:block}[data-oloy-cats=login] #sc-login{opacity:0}[data-oloy-cats=login] #sc-login[data-activity-clock]{opacity:1;transition:opacity .25s ease-out}[data-oloy-cats=login] .right:has(>#sc-login[data-activity-clock])>.pre{visibility:hidden;transition:visibility 0s linear .25s}@supports not selector(:has(*)){[data-oloy-cats=login].js .right>.pre{visibility:hidden;transition:visibility 0s linear .25s}}@media (prefers-reduced-motion:reduce){[data-oloy-cats=login] #sc-login[data-activity-clock]{transition:none}[data-oloy-cats=login] .right:has(>#sc-login[data-activity-clock])>.pre{transition:none}[data-oloy-cats=login].js .right>.pre{transition:none}}@media (max-width:760px){[data-oloy-cats=login] #nav{height:68px}[data-oloy-cats=login] #nav .logo svg{width:92px;height:48px}[data-oloy-cats=login] .login{min-height:calc(100svh - 68px);padding:24px 0 calc(24px + env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;align-items:stretch;gap:24px;display:flex}[data-oloy-cats=login] .left{padding:0 max(24px, env(safe-area-inset-right)) 0 max(24px, env(safe-area-inset-left));order:0;justify-content:flex-start}[data-oloy-cats=login] .right{--scene-aspect:1.63889;width:min(100%, calc(44vh * var(--scene-aspect)));width:min(100%, calc(44svh * var(--scene-aspect)));flex:none;order:1;margin:0 auto}[data-oloy-cats=login] .right .scene{aspect-ratio:590/360}[data-oloy-cats=login][data-mode=signup] .right{--scene-aspect:1.54839}[data-oloy-cats=login][data-mode=signup] .right .scene{aspect-ratio:720/465}[data-oloy-cats=login] .words{max-width:none}[data-oloy-cats=login] .back{padding-top:16px}}[data-oloy-cats=login] .cta{container:oloy-signin-cta/inline-size}@media (pointer:coarse){@container oloy-signin-cta (max-width:300px){[data-oloy-cats=login] .cta>form+p{line-height:24px}}}