@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#07111f;--card:#0f2036;--line:rgba(255,255,255,.09);--text:#f6fbff;--muted:#91a4ba;--green:#b7ff32;--blue:#28a8ff;--purple:#986bff}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 80% 8%,rgba(38,169,255,.13),transparent 32%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 42px));margin:auto}
.header{position:sticky;top:0;z-index:50;height:76px;display:flex;align-items:center;background:rgba(7,17,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font:700 18px "Space Grotesk";letter-spacing:.04em}.brand img{width:36px}.brand b{color:var(--green)}.links{display:flex;align-items:center;gap:29px;color:#c6d5e6;font-size:14px;font-weight:600}.links a:hover{color:white}.pill{padding:11px 17px;border-radius:10px;background:var(--green);color:#07111f}.menu{display:none;border:1px solid var(--line);border-radius:10px;background:#0d1c30;color:#fff;font-size:20px;padding:7px 11px}
.hero{position:relative;min-height:740px;display:flex;align-items:center;padding:90px 0;overflow:hidden}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent 88%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow,.heading span,.about-copy>span,.center>span,.contact>div>span,.legal-kicker{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.18em}.hero h1{margin:18px 0 0;max-width:670px;font:700 clamp(54px,6vw,84px)/.99 "Space Grotesk";letter-spacing:-.055em}.hero h1 span{color:transparent;background:linear-gradient(100deg,var(--green),#65f4a6,var(--blue));-webkit-background-clip:text;background-clip:text}.hero-copy>p{max-width:620px;margin:28px 0 0;color:var(--muted);font-size:18px;line-height:1.75}.actions{display:flex;gap:13px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:0;border-radius:12px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--green);color:#07111f}.ghost{background:rgba(255,255,255,.04);color:#fff;border:1px solid var(--line)}.highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px;padding-top:40px;border-top:1px solid var(--line)}.highlights strong,.highlights small{display:block}.highlights strong{font:600 14px "Space Grotesk";margin-bottom:6px}.highlights small{color:#71849b;font-size:11px;line-height:1.5}
.showcase{position:relative;min-height:535px;display:flex;align-items:center;justify-content:center}.game-card{position:relative;z-index:4;width:min(430px,92%);padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:27px;background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),#0c1b30;box-shadow:0 45px 90px rgba(0,0,0,.45);transform:rotate(2.4deg)}.mini{padding:4px 3px 15px;color:#8fa4bc;font-size:10px;font-weight:800;letter-spacing:.15em}.mini::first-letter{color:var(--green)}.art{position:relative;height:350px;border-radius:19px;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(183,255,50,.16),transparent 20%),radial-gradient(circle at 25% 75%,rgba(41,169,255,.3),transparent 27%),linear-gradient(145deg,#112e63,#11213d 45%,#172747)}.art:after{content:"";position:absolute;width:400px;height:400px;left:22%;top:33%;border:1px solid rgba(255,255,255,.1);border-radius:50%}.z{position:absolute;inset:0;display:grid;place-items:center;font:700 155px "Space Grotesk";text-shadow:0 15px 45px rgba(0,0,0,.35);transform:rotate(-7deg)}.planet{position:absolute;border-radius:50%;box-shadow:inset -12px -16px 24px rgba(0,0,0,.17)}.p1{width:82px;height:82px;right:36px;top:38px;background:var(--green)}.p2{width:43px;height:43px;left:43px;bottom:45px;background:#3bd8ff}.art i{position:absolute;color:white;font-style:normal}.art i:nth-of-type(1){left:85px;top:96px}.art i:nth-of-type(2){right:80px;bottom:60px}.art i:nth-of-type(3){right:48px;top:142px;font-size:10px}.card-foot{display:flex;align-items:center;justify-content:space-between;padding:18px 5px 5px}.card-foot small,.card-foot strong{display:block}.card-foot small{color:#6f839a;font-size:9px;letter-spacing:.15em}.card-foot strong{margin-top:5px;font:600 17px "Space Grotesk"}.card-foot>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--green);color:#07111f}.orbit{position:absolute;border:1px solid rgba(91,167,255,.16);border-radius:50%}.orbit.one{width:500px;height:500px}.orbit.two{width:610px;height:610px}.tag{position:absolute;z-index:8;padding:11px 14px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(13,29,49,.82);color:#d5e2f2;font-size:10px;letter-spacing:.15em}.t1{left:0;top:115px}.t2{right:0;top:165px}.t3{right:25px;bottom:75px}
.section{padding:112px 0}.alt{background:rgba(255,255,255,.018);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:48px}.heading h2,.about-copy h2,.center h2,.contact h2{margin:11px 0 0;font:700 clamp(38px,4.5vw,58px)/1.06 "Space Grotesk";letter-spacing:-.035em}.heading>p{margin:0;color:var(--muted);line-height:1.75}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tile{position:relative;overflow:hidden;min-height:470px;border:1px solid var(--line);border-radius:22px;background:#0d1c30;transition:.25s}.tile:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.18)}.tile>em{position:absolute;z-index:3;right:18px;top:18px;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(7,17,31,.58);font-style:normal;font-size:9px;font-weight:800;letter-spacing:.12em}.tile-art{height:278px;position:relative;overflow:hidden}.blue .tile-art{background:linear-gradient(145deg,#112c5d,#153b78)}.green .tile-art{background:linear-gradient(145deg,#18352d,#1e6043)}.purple .tile-art{background:linear-gradient(145deg,#291d4d,#51317e)}.tile-copy{padding:25px 27px}.tile-copy small{color:var(--green);font-weight:800;letter-spacing:.14em}.tile-copy h3{margin:9px 0 10px;font:600 24px "Space Grotesk"}.tile-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.puzzle b{position:absolute;width:104px;height:104px;border-radius:25px;box-shadow:0 18px 30px rgba(0,0,0,.2)}.puzzle b:nth-child(1){left:38px;top:64px;background:#2ca7ff;transform:rotate(-11deg)}.puzzle b:nth-child(2){left:124px;top:44px;background:#b8ff33;transform:rotate(8deg)}.puzzle b:nth-child(3){right:43px;top:90px;background:#8d70ff;transform:rotate(16deg)}.puzzle b:nth-child(4){left:108px;bottom:15px;width:88px;height:88px;background:#ffca45;transform:rotate(-17deg)}.arcade span{position:absolute;z-index:2;width:105px;height:105px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 32% 28%,#f5ff8a,var(--green) 45%,#54c846 95%)}.arcade b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid rgba(183,255,50,.3);border-radius:50%}.arcade b:nth-of-type(1){width:190px;height:190px}.arcade b:nth-of-type(2){width:270px;height:270px;border-color:rgba(73,211,255,.17)}.world b{position:absolute;bottom:48px;border-radius:9px 9px 0 0;background:linear-gradient(#a16cff,#7042d9)}.world b:nth-child(1){width:70px;height:120px;left:50px}.world b:nth-child(2){width:90px;height:165px;left:136px}.world b:nth-child(3){width:72px;height:102px;right:44px}.world span{position:absolute;left:-10%;right:-10%;bottom:0;height:54px;transform:rotate(-4deg);background:#0d1323;border-top:3px solid rgba(255,255,255,.16)}.play-note{margin-top:28px;display:flex;align-items:center;gap:15px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.play-note>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--green);color:#07111f}.play-note strong,.play-note small{display:block}.play-note small{margin-top:4px;color:var(--muted)}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-art{position:relative;min-height:510px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 50% 45%,rgba(38,169,255,.16),transparent 34%),linear-gradient(150deg,#0e1f37,#0b192b);box-shadow:0 24px 70px rgba(0,0,0,.32)}.about-art:before,.about-art:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.055);border-radius:50%}.about-art:after{width:320px;height:320px}.about-art>small{position:absolute;bottom:28px;color:#5e748e;font-weight:800;letter-spacing:.18em}.controller{position:relative;z-index:2;width:260px;height:170px;border-radius:80px 80px 65px 65px;background:linear-gradient(145deg,#baff37,#70e755);box-shadow:0 28px 50px rgba(0,0,0,.25);transform:rotate(-5deg)}.controller .dh,.controller .dv{position:absolute;background:#0b1728;border-radius:4px}.controller .dh{width:55px;height:17px;left:58px;top:78px}.controller .dv{width:17px;height:55px;left:77px;top:59px}.controller i{position:absolute;width:19px;height:19px;border-radius:50%;background:#0b1728}.controller i:nth-of-type(1){right:57px;top:63px}.controller i:nth-of-type(2){right:34px;top:84px}.controller i:nth-of-type(3){right:77px;top:88px}.about-copy>p{color:var(--muted);font-size:16px;line-height:1.8}.about-copy ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:15px}.about-copy li{display:flex;gap:15px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.about-copy li>b{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--green);color:#07111f}.about-copy li strong,.about-copy li small{display:block}.about-copy li small{margin-top:3px;color:var(--muted)}
.center{max-width:760px;margin:0 auto 50px;text-align:center}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.values article{padding:32px 29px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.022)}.values article>b{width:48px;height:48px;display:grid;place-items:center;margin-bottom:29px;border-radius:13px;background:var(--green);color:#07111f;font-size:20px}.values h3{margin:0 0 10px;font:600 21px "Space Grotesk"}.values p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.contact{min-height:315px;display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:70px;padding:52px 58px;border:1px solid rgba(183,255,50,.18);border-radius:25px;background:radial-gradient(circle at 100% 0%,rgba(183,255,50,.09),transparent 31%),linear-gradient(135deg,#0d1d32,#0a182a)}.contact p{max-width:640px;color:var(--muted);line-height:1.75}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.contact-actions small{max-width:310px;color:#6e829a;line-height:1.5}
footer{padding:44px 0 28px;border-top:1px solid var(--line);background:#050d18}.foot-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:31px}.foot-top p{color:var(--muted);font-size:12px}.foot-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:24px;border-top:1px solid var(--line);color:#60758e;font-size:11px}.foot-bottom div{display:flex;gap:22px}
.legal{padding:78px 0 100px}.narrow{max-width:900px}.legal h1{margin:12px 0 7px;font:700 clamp(44px,6vw,70px) "Space Grotesk";letter-spacing:-.045em}.updated{color:var(--muted);margin-bottom:33px}.legal-card{padding:42px 46px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}.legal-card h2{margin:33px 0 9px;font:600 22px "Space Grotesk"}.legal-card p{color:#9bb0c7;line-height:1.8;font-size:14px}.warning{margin-top:35px;padding:16px 18px;border:1px solid rgba(255,198,74,.22);border-radius:12px;background:rgba(255,190,58,.06);color:#e0bd7a;font-size:12px;line-height:1.6}
@media(max-width:980px){.hero-grid,.heading,.about,.contact{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.actions{justify-content:center}.hero-grid{gap:35px}.games,.values{grid-template-columns:1fr 1fr}.games .tile:last-child{grid-column:1/-1}.about{gap:45px}.about-art{max-width:560px;width:100%;margin:auto}}
@media(max-width:760px){.wrap{width:min(100% - 28px,1160px)}.header{height:68px}.menu{display:block}.links{position:absolute;display:none;top:67px;left:14px;right:14px;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid var(--line);border-radius:15px;background:#0b192b}.links.open{display:flex}.links a{padding:12px}.legal-links{position:static;display:flex;flex-direction:row;padding:0;border:0;background:none}.hero{min-height:auto;padding:70px 0 65px}.hero h1{font-size:clamp(48px,15vw,70px)}.hero-copy>p{font-size:16px}.actions{flex-direction:column}.highlights{grid-template-columns:1fr;text-align:left}.showcase{min-height:430px}.art{height:285px}.z{font-size:130px}.tag{display:none}.section{padding:78px 0}.games,.values{grid-template-columns:1fr}.games .tile:last-child{grid-column:auto}.about-art{min-height:420px}.contact{padding:34px 25px}.foot-top,.foot-bottom{flex-direction:column;align-items:flex-start}.legal-card{padding:28px 22px}}