:root{--hot-pink:#ff2d78;--electric-blue:#00c2ff;--sunny:#ffd23f;--lime:#7bed4f;--grape:#9b5de5;--cream:#fff8f0;--ink:#1a1a2e;--ink-light:#3d3d5c;--card-bg:#fff}
*{box-sizing:border-box}html{scroll-padding-top:20px}[hidden]{display:none!important}body{margin:0;color:var(--ink);background:var(--cream);font:1rem/1.5 Outfit,Inter,system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}h1,h2,h3,p{margin:0}button,a,h1,h2,h3,p{overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.fun-font{font-family:'Titan One',Outfit,sans-serif;font-weight:400}.color-bar{height:7px;display:flex}.color-bar span{flex:1;background:#ff2d78}.color-bar span:nth-child(2){background:#9b5de5}.color-bar span:nth-child(3){background:#7bed4f}.color-bar span:nth-child(4){background:#ffd23f}.color-bar span:nth-child(5){background:#00c2ff}
.gh-skip{position:fixed;z-index:10;left:10px;top:10px;padding:14px;background:var(--card-bg);transform:translateY(-200%)}.gh-skip:focus{transform:none}.gh-header,.gh-main,.gh-footer{width:min(100%,1240px);margin:auto;padding-inline:24px}.gh-header{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-block:22px}.gh-brand{text-decoration:none;font-size:1.8rem;line-height:1.2;min-height:44px;display:flex;align-items:center}.gh-brand span{color:#e51663;padding-inline:6px}.gh-nav{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-left:auto}.gh-nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:none}.gh-nav a:first-child{text-decoration:underline;text-decoration-color:#e51663;text-decoration-thickness:3px}
.gh-main{padding-block:26px 56px}.gh-main:focus{outline:none}.gh-hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-bottom:66px}.gh-intro{position:relative}.gh-eyebrow{font-size:.7rem;letter-spacing:.13em;font-weight:800;margin-bottom:10px}.gh-intro h1{font-size:clamp(3.2rem,6.5vw,6rem);line-height:1.08;letter-spacing:-.025em;text-decoration:underline;text-decoration-color:#ff2d78;text-decoration-thickness:7px;text-underline-offset:8px;margin-bottom:24px}.gh-intro>p:not(.gh-eyebrow){font-size:1.2rem;margin-bottom:24px}.gh-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;padding:12px 28px;border:2px solid var(--ink);border-radius:32px;background:var(--lime);font-weight:800;font-size:1.2rem;text-decoration:none}.gh-doodle{position:absolute;right:0;bottom:0;color:#8c41cc;font-size:5rem;line-height:1;pointer-events:none}.gh-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center;padding:28px 22px;border:3px solid var(--ink);border-radius:24px;box-shadow:10px 10px 0 #d6b3f4;text-decoration:none;background:var(--card-bg);min-width:0}.gh-feature svg{width:100%;height:auto}.gh-feature h2{font-size:1.6rem;line-height:1.2;margin-bottom:14px}.gh-feature p:not(.gh-eyebrow){font-size:.9rem}.gh-play{display:flex;align-items:center;justify-content:center;gap:20px;min-height:52px;border:2px solid var(--ink);border-radius:28px;padding:9px 20px;background:#ff7bac;color:#1a1a2e;font-weight:800;margin-top:20px}.gh-feature:hover,.gh-card:hover{border-color:#8f2550}.gh-catalog{scroll-margin-top:20px}.gh-catalog>h2{font-size:2.4rem;line-height:1.2}.gh-catalog-intro{margin:10px 0 18px}.gh-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.gh-filters button{min-height:44px;padding:8px 20px;border:2px solid var(--ink);border-radius:26px;background:var(--card-bg);font-weight:800}.gh-filters button[aria-pressed=true]{background:#ffd0df}.gh-count{font-size:.85rem;margin:12px 0 20px}.gh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.gh-card{display:flex;flex-direction:column;min-width:0;border:2px solid var(--ink);border-radius:20px;padding:16px 16px 18px;box-shadow:5px 5px 0 #d6b3f4;background:var(--card-bg);text-decoration:none}.gh-card>svg{height:130px;width:100%;flex-shrink:0}.gh-card-copy{display:flex;flex-direction:column;padding-top:10px;flex:1}.gh-card h3{font-size:1.2rem;line-height:1.25;margin-bottom:8px}.gh-card p{font-size:.85rem;line-height:1.5;margin-bottom:12px}.gh-arrow{align-self:flex-end;margin-top:auto;flex-shrink:0;line-height:1;display:grid;place-items:center;width:48px;min-height:32px;border-radius:22px;background:var(--lime);font-size:1.4rem;font-weight:800}.gh-note{margin-top:56px;padding-top:24px;border-top:2px solid var(--ink);max-width:800px}.gh-note h2{font-size:1.45rem;line-height:1.3}.gh-note h3{font-size:1.1rem;line-height:1.4;margin-top:24px}.gh-note p{margin-top:12px}.gh-footer{border-top:2px solid var(--ink);padding-block:22px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}.gh-footer>a{font-size:1.15rem}.gh-footer a{display:inline-flex;align-items:center;min-height:44px}.gh-footer p{display:flex;flex-wrap:wrap;gap:24px}
[data-theme=pro] .gh-intro h1{text-decoration-color:#0a66c2}[data-theme=pro] .gh-feature,[data-theme=pro] .gh-card{box-shadow:0 2px 6px #0001;border:1px solid #ccc;border-radius:12px}[data-theme=pro] .gh-play,[data-theme=pro] .gh-cta{background:#0a66c2;color:#fff;border-color:#0a66c2}[data-theme=pro] .gh-filters button[aria-pressed=true]{background:#d9eafb}[data-theme=pro] .gh-arrow{background:#d9eafb}[data-theme=pro] .gh-doodle{display:none}
@media(max-width:1000px){.gh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gh-hero{gap:28px}.gh-feature{grid-template-columns:1fr;text-align:center}.gh-feature svg{max-width:220px;margin:auto}.gh-play{max-width:240px;margin-inline:auto}.gh-header{column-gap:10px}.gh-brand{font-size:1.5rem}}
@media(max-width:700px){.gh-header,.gh-main,.gh-footer{padding-inline:18px}.gh-header{padding-block:12px;gap:8px}.gh-brand{font-size:1.3rem;margin-right:auto}.gh-nav{order:2;width:100%;justify-content:space-between;gap:10px}.gh-main{padding-top:18px}.gh-hero{grid-template-columns:1fr;gap:26px;margin-bottom:44px}.gh-intro{text-align:center}.gh-intro h1{font-size:3.2rem;line-height:1.1;margin-bottom:20px}.gh-intro>p:not(.gh-eyebrow){font-size:1.05rem}.gh-doodle{display:none}.gh-feature{padding:22px;grid-template-columns:1fr;text-align:center}.gh-feature svg{max-width:210px}.gh-feature h2{font-size:1.7rem}.gh-grid{grid-template-columns:1fr;gap:20px}.gh-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:14px}.gh-card>svg{height:100px}.gh-card-copy{padding-top:0}.gh-card h3{font-size:1.1rem}.gh-catalog>h2{font-size:2.2rem}.gh-filters{gap:8px}.gh-filters button{padding-inline:15px}.gh-footer{justify-content:center}.gh-footer p{justify-content:center}.gh-cta{width:100%;max-width:300px}}
@media(max-width:359px){.gh-header,.gh-main,.gh-footer{padding-inline:12px}.gh-brand{font-size:1.15rem}.gh-card{grid-template-columns:78px minmax(0,1fr)}.gh-card>svg{height:90px}.gh-intro h1{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
