:root{--sky-top: #f7a531;--sky-low: #fde6c2;--orange: #ff9d1c;--orange-hot: #ffc14d;--ink: #111;--paper: #fffaf1;--text: #1c1208;--muted: #6b5640;--card: rgba(255, 250, 241, .92);--line: rgba(17, 17, 17, .14);--error: #c4302b;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--sky-low);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.home{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,#fbc06a 45%,var(--sky-low) 100%)}.scene{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.sun{position:absolute;top:7vh;right:10vw;width:min(22vw,170px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 38%,#fffbe8,#ffe28a 60%,#ffc04a);box-shadow:0 0 90px 30px #ffecaa99}.cloud{position:absolute;width:180px;height:56px;border-radius:40px;background:#fff3df;opacity:.85;animation:drift 60s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;bottom:20px;border-radius:50%;background:inherit}.cloud:before{left:26px;width:70px;height:70px}.cloud:after{left:80px;width:90px;height:90px}.c1{top:12vh;animation-delay:-10s}.c2{top:30vh;transform:scale(.7);animation-delay:-32s;animation-duration:80s}.c3{top:6vh;transform:scale(.55);animation-delay:-48s;animation-duration:95s}.c4{top:44vh;transform:scale(.85);animation-delay:-3s;animation-duration:70s}@keyframes drift{0%{left:105vw}to{left:-240px}}.ground{position:absolute;left:0;right:0;bottom:0;height:9vh;background:var(--ink)}.runner{position:absolute;bottom:9vh;left:8vw;width:min(12vw,90px);animation:hop .9s ease-in-out infinite alternate}@keyframes hop{0%{transform:translateY(0)}to{transform:translateY(-18px)}}@media(prefers-reduced-motion:reduce){.cloud,.runner{animation:none}.cloud{left:20vw}}.hero{position:relative;flex:1;width:min(1040px,100%);margin:0 auto;padding:48px 20px;display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.kicker{margin:0 0 6px;color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.logo{margin:0;font-size:clamp(58px,10vw,112px);line-height:.92;font-weight:900;letter-spacing:-.03em}.logo span{color:var(--paper);-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill}.logo span+span{color:var(--orange)}.lead{max-width:30em;margin:18px 0 22px;font-size:18px;color:var(--text)}.perks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.perks li{padding:6px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);font-size:14px;color:var(--muted)}.perks b{color:var(--text);font-weight:600}.card{padding:30px 28px;border:3px solid var(--ink);border-radius:18px;background:var(--card);box-shadow:0 8px 0 var(--ink)}.card h2{margin:0 0 6px;font-size:24px}.muted{color:var(--muted);margin:0 0 18px}.small{font-size:13px;margin:14px 0 0}.who{margin:-12px 0 18px;font-size:28px;font-weight:800;color:var(--ink)}.error{color:var(--error);margin:14px 0 0}.button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:12px;padding:14px 20px;font:inherit;font-weight:700;font-size:17px;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.05)}.button:active{transform:translateY(1px)}.button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.button.play{border:3px solid var(--ink);background:linear-gradient(180deg,var(--orange-hot) 0%,var(--orange) 100%);color:var(--ink);box-shadow:0 4px 0 var(--ink)}.button.google{border:3px solid var(--ink);background:#fff;color:#1f1f1f;box-shadow:0 4px 0 var(--ink)}.button.google svg{width:22px;height:22px}.link{display:block;margin:14px auto 0;background:none;border:0;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer}form{display:grid;gap:10px}label{font-size:14px;color:var(--muted)}input{padding:13px 14px;border-radius:10px;border:2px solid var(--ink);background:#fff;color:var(--text);font:inherit}input:focus{outline:3px solid var(--orange)}.spinner{width:34px;height:34px;margin:4px auto 12px;border:3px solid var(--line);border-top-color:var(--orange);border-radius:50%;animation:spin .9s linear infinite}.checking{text-align:center}@keyframes spin{to{transform:rotate(360deg)}}.foot{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:16px 20px;font-size:13px;color:#d9d2c5;background:var(--ink)}.foot a{color:#fff;text-decoration:none}.foot a:hover{text-decoration:underline}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:28px;padding-top:32px}.sun{top:3vh;right:5vw}}