@import "https://fonts.googleapis.com/css2?family=Rubik:wght@700;800;900&family=Plus+Jakarta+Sans:wght@400;500;700;800&display=swap";:root{--surface:#f9f9ff;--surface-dim:#d8d9e3;--surface-container:#ecedf7;--surface-container-low:#f2f3fd;--surface-container-high:#e6e7f2;--surface-container-highest:#e1e2ec;--on-surface:#191b23;--on-surface-variant:#424754;--outline:#727785;--outline-variant:#c2c6d6;--primary:#0058be;--primary-container:#2170e4;--on-primary:#fff;--secondary:#ffc329;--on-secondary:#6f5100;--tertiary:#6b38d4;--tertiary-container:#8455ef;--soft-purple:#e9ddff;--soft-blue:#d8e2ff;--white:#fff;--shadow-blue:#003d85;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface);color:var(--on-surface);min-width:320px;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%;display:block}.container{width:min(100% - 32px, var(--container));margin:0 auto}.section{padding:96px 0}.section.compact{padding:64px 0}.title-xl,.title-lg,.title-md,.logo-text,.nav-link,.btn,.card-title{font-family:Rubik,system-ui,sans-serif}.title-xl{letter-spacing:-.045em;color:var(--primary);margin:0;font-size:clamp(42px,7vw,76px);font-weight:900;line-height:.95}.title-lg{letter-spacing:-.03em;color:var(--primary);margin:0;font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1.05}.title-md{letter-spacing:-.02em;color:var(--primary);margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:800;line-height:1.15}.eyebrow{background:var(--secondary);color:var(--on-secondary);letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-family:Rubik,system-ui,sans-serif;font-size:12px;font-weight:800;display:inline-flex;transform:rotate(-1.4deg);box-shadow:0 4px #d89d00}.lead{color:var(--on-surface-variant);max-width:680px;margin:20px 0 0;font-size:clamp(16px,2vw,19px);line-height:1.75}.navbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--outline-variant);background:#f9f9ffe0;position:sticky;top:0;box-shadow:0 4px #7277852e}.nav-inner{justify-content:space-between;align-items:center;gap:18px;height:72px;display:flex}.brand{align-items:center;gap:10px;min-width:max-content;display:inline-flex}.brand img{width:42px;height:42px}.logo-text{color:var(--primary);letter-spacing:-.04em;font-size:23px;font-weight:900}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{color:var(--on-surface);font-size:15px;font-weight:800;transition:color .2s,transform .2s}.nav-link:hover,.nav-link.router-link-active{color:var(--primary);transform:translateY(-1px)}.nav-actions{align-items:center;gap:10px;display:flex}.lang-toggle{border:2px solid var(--outline-variant);background:var(--white);color:var(--primary);cursor:pointer;box-shadow:0 4px 0 var(--outline-variant);border-radius:999px;padding:9px 13px;font-family:Rubik,system-ui,sans-serif;font-weight:900;transition:transform .2s,box-shadow .2s}.lang-toggle:active{box-shadow:0 1px 0 var(--outline-variant);transform:translateY(3px)}.mobile-menu-btn{background:var(--primary);color:#fff;cursor:pointer;width:42px;height:42px;box-shadow:0 4px 0 var(--shadow-blue);border:0;border-radius:14px;font-size:24px;display:none}.mobile-panel{border-top:1px solid var(--outline-variant);padding:14px 0 22px;display:none}.mobile-panel.open{gap:12px;display:grid}.btn-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn{letter-spacing:-.02em;cursor:pointer;border:0;border-radius:22px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:15px 22px;font-weight:900;transition:transform .18s cubic-bezier(.2,1.5,.3,1),box-shadow .18s,opacity .18s;display:inline-flex}.btn:hover{transform:scale(1.04)translateY(-2px)}.btn:active{transform:translateY(4px)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 7px 0 var(--shadow-blue), 0 18px 40px #0058be38}.btn-primary:active{box-shadow:0 2px 0 var(--shadow-blue), 0 8px 18px #0058be29}.btn-yellow{background:var(--secondary);color:#3f2b00;box-shadow:0 7px #d89d00,0 18px 40px #ffc3293d}.btn-muted{background:var(--surface-container-highest);color:var(--outline);box-shadow:0 7px 0 var(--outline-variant);cursor:default;opacity:.9}.btn-sm{border-radius:999px;min-height:auto;padding:10px 18px;font-size:14px}.hero{background:radial-gradient(circle at 85% 8%, #8455ef3d, transparent 38%), radial-gradient(circle at 18% 22%, #ffc32938, transparent 28%), linear-gradient(180deg, #f7f2ff 0%, var(--surface) 82%);padding:94px 0 116px;position:relative;overflow:hidden}.hero:before,.hero:after,.games-blue:after,.cta:before,.cta:after{content:"";pointer-events:none;position:absolute}.hero:before{border:22px solid #0058be14;border-radius:46px;width:220px;height:220px;bottom:56px;right:-60px;transform:rotate(12deg)}.hero:after{filter:blur(36px);background:#ffc32959;border-radius:50%;width:110px;height:110px;top:26%;left:5%}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;display:grid}.hero-copy{z-index:1;position:relative}.hero-note{color:var(--outline);margin-top:16px;font-size:13px;font-weight:800}.mockup-stage{place-items:center;min-height:530px;display:grid;position:relative}.blob{filter:blur(28px);opacity:.62;border-radius:999px;position:absolute}.blob.one{background:var(--secondary);width:190px;height:190px;top:8%;left:8%}.blob.two{background:var(--soft-purple);width:250px;height:250px;bottom:6%;right:8%}.phone-stack{width:min(430px,100%);height:510px;position:relative}.phone{background:#111827;border:9px solid #161821;border-radius:42px;width:238px;height:470px;position:absolute;overflow:hidden;box-shadow:0 24px #0000002e,0 45px 80px #0d193e59}.phone.back{opacity:.96;top:52px;right:10px;transform:rotate(8deg)}.phone.front{z-index:3;top:12px;left:52px;transform:rotate(-9deg)}.phone-notch{z-index:4;background:#0f1118;border-radius:999px;width:78px;height:18px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.game-screen{background:linear-gradient(#72d9ff 0%,#fff4c8 52%,#55c77c 100%);width:100%;height:100%;position:relative}.game-screen.living{background:linear-gradient(#ffb74dcc,#fff5c8e6 38%,#2f855ad9 39% 100%),linear-gradient(90deg,#274060,#f97316)}.game-screen.living:before{content:"";background:#fef3c7;border:9px solid #a54b13;border-radius:12px 12px 4px 4px;width:140px;height:90px;position:absolute;top:86px;left:44px;box-shadow:inset 0 -30px #fbbf2459}.game-screen.living:after{content:"";background:#0ea5a4;border-radius:34px 34px 18px 18px;width:170px;height:70px;position:absolute;bottom:78px;left:28px;box-shadow:0 20px #0f766e}.game-screen.magic{background:radial-gradient(circle at 50% 48%,#fde68a,#7c3aed 24%,#111827 70%)}.game-screen.magic:before{content:"★";color:#fbbf24;text-shadow:0 12px 24px #fbbf2473;font-size:88px;position:absolute;top:160px;left:76px}.game-ui{z-index:5;background:#ffffffd6;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:30px;display:flex;position:absolute;top:28px;left:18px;right:18px}.dot{background:var(--secondary);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 2px #ffc32947}.section-head{text-align:center;margin-bottom:64px}.section-head .lead{margin-left:auto;margin-right:auto}.challenge-grid,.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.challenge-card,.feature-card,.info-card,.legal-card,.faq-card{border:1px solid var(--outline-variant);box-shadow:0 10px 0 var(--outline-variant), 0 22px 50px #002d780f;background:#fff;border-radius:32px;padding:34px 24px 26px;transition:transform .22s cubic-bezier(.2,1.4,.3,1),box-shadow .22s;position:relative}.challenge-card:hover,.feature-card:hover,.info-card:hover,.faq-card:hover{box-shadow:0 14px 0 var(--outline-variant), 0 30px 60px #002d7817;transform:translateY(-7px)}.icon-badge{background:var(--primary-container);color:#fff;border-radius:21px;place-items:center;width:64px;height:64px;margin:-64px auto 18px;font-size:30px;display:grid;transform:rotate(3deg);box-shadow:0 8px #00000026}.challenge-card:nth-child(2) .icon-badge,.feature-card:nth-child(2) .icon-badge{background:var(--secondary);color:#4b3300;transform:rotate(-4deg)}.challenge-card:nth-child(3) .icon-badge,.feature-card:nth-child(3) .icon-badge{background:var(--tertiary-container)}.challenge-card:nth-child(4) .icon-badge,.feature-card:nth-child(4) .icon-badge{background:var(--primary);transform:rotate(-3deg)}.card-title{color:var(--primary);margin:0 0 10px;font-size:23px;font-weight:900;line-height:1.1}.card-text{color:var(--on-surface-variant);margin:0;line-height:1.65}.games-blue{color:#fff;background:linear-gradient(135deg,#0f62cf 0%,#2170e4 55%,#0058be 100%);position:relative;overflow:hidden}.games-blue .title-lg,.games-blue .lead{color:#fff}.games-blue:after{border:22px solid #ffffff1f;border-radius:34px;width:210px;height:210px;top:62px;right:8%;transform:rotate(5deg)}.level-strip{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:52px;display:grid;position:relative}.level-card{background:#fff;border:5px solid #111827e6;border-radius:26px;min-height:284px;position:relative;overflow:hidden;box-shadow:0 18px #0000003d,0 34px 46px #0003}.level-card:before,.level-card:after{content:"";position:absolute}.level-beach{background:linear-gradient(#8be9ff 0 34%,#fef3c7 34% 56%,#42c76f 56% 100%)}.level-beach:before{background:#e0f2fe;border-radius:50%;width:200px;height:120px;top:28px;left:-40px;box-shadow:120px 20px #e0f2fe}.level-library{background:radial-gradient(circle at 50% 62%,#fde68a 0 13%,#7c3aed 18%,#111827 72%)}.level-library:before{content:"✦";color:#fde68a;font-size:76px;top:42%;left:38%}.level-city{background:linear-gradient(140deg,#fed7aa,#f97316 45%,#60a5fa 46%,#bfdbfe)}.level-city:before{clip-path:polygon(0 30%,18% 10%,38% 26%,55% 5%,78% 32%,100% 12%,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#7c2d1261 0 22px,#ffffff59 22px 34px);height:160px;bottom:0;left:22px;right:22px}.level-stars{background:radial-gradient(circle at 70% 34%,#fbbf24 0 8%,#0000 9%),radial-gradient(circle at 30%,#7dd3fc 0 12%,#0000 13%),#111827}.level-stars:before{content:"★";color:var(--secondary);font-size:76px;top:24%;left:42%}.why-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.love-list{gap:16px;margin-top:28px;display:grid}.love-item{color:var(--on-surface-variant);align-items:center;gap:12px;font-weight:800;display:flex}.check{color:#3f2b00;background:var(--secondary);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-weight:900;display:inline-grid}.cta-wrap{padding:72px 0 88px}.cta{color:#fff;text-align:center;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:34px;padding:54px 32px;position:relative;overflow:hidden;box-shadow:0 14px #23005c80,0 38px 70px #5b21b640}.cta .title-lg,.cta .lead{color:#fff}.cta .lead{margin-left:auto;margin-right:auto}.cta:before{border:14px solid #ffffff24;border-radius:50%;width:130px;height:130px;top:-35px;left:-35px}.cta:after{border:18px solid #ffffff1f;border-radius:32px;width:160px;height:160px;bottom:-54px;right:-48px;transform:rotate(-12deg)}.cta .btn-row{justify-content:center;margin-top:28px}.footer{background:var(--surface-container-highest);border-top:1px solid var(--outline-variant);padding:46px 0}.footer-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:22px;display:grid}.footer-links{color:var(--on-surface-variant);flex-wrap:wrap;justify-content:flex-end;gap:18px;font-size:13px;font-weight:800;display:flex}.copyright{color:var(--outline);margin:10px 0 0;font-size:13px}.page-hero{background:linear-gradient(180deg, #f7f2ff 0%, var(--surface) 100%);border-bottom:1px solid #c2c6d6a6;padding:72px 0 58px}.page-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:42px;display:grid}.info-card,.legal-card,.faq-card{margin-bottom:24px;padding:30px}.info-card h2,.legal-card h2,.faq-card h3{color:var(--primary);margin:0 0 12px;font-family:Rubik,system-ui,sans-serif;line-height:1.2}.info-card p,.legal-card p,.legal-card li,.faq-card p{color:var(--on-surface-variant);line-height:1.7}.legal-card ul{padding-left:22px}.legal-meta{color:var(--outline);margin-top:16px;font-weight:800}.kicker-card{border:1px solid var(--outline-variant);box-shadow:0 10px 0 var(--outline-variant);background:#fff;border-radius:30px;padding:28px}.kicker-card strong{color:var(--primary)}.badge-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.badge{background:var(--soft-blue);color:var(--primary);border-radius:999px;padding:9px 13px;font-size:13px;font-weight:900}.contact-box{gap:14px;margin-top:26px;display:grid}.contact-line{border:1px solid var(--outline-variant);color:var(--on-surface-variant);overflow-wrap:anywhere;background:#fff;border-radius:18px;padding:15px 18px}.contact-line strong{color:var(--primary)}@media (width<=980px){.nav-links{display:none}.mobile-menu-btn{place-items:center;display:inline-grid}.hero-grid,.why-grid,.page-grid,.footer-grid{grid-template-columns:1fr}.hero{padding-top:68px}.mockup-stage{min-height:470px}.phone-stack{height:470px}.challenge-grid,.level-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-links{justify-content:flex-start}}@media (width<=640px){.container{width:min(100% - 24px, var(--container))}.section{padding:72px 0}.nav-inner{height:66px}.logo-text{font-size:20px}.brand img{width:36px;height:36px}.nav-actions .btn-primary{display:none}.hero-grid{gap:36px}.mockup-stage{min-height:390px}.phone-stack{transform-origin:top;height:386px;transform:scale(.78)}.challenge-grid,.feature-grid,.level-strip{grid-template-columns:1fr}.challenge-card,.feature-card{margin-top:36px}.level-card{min-height:240px}.btn-row,.cta .btn-row{align-items:stretch}.btn-row .btn{width:100%}.cta{border-radius:28px;padding:42px 20px}}