:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef5ff;background:#060d20}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 78% 22%,#172653 0,transparent 48%),#060d20}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #80efff;outline-offset:6px}header,footer{max-width:1160px;margin:auto;padding:30px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px}nav{display:flex;gap:24px;font-size:14px;color:#bcc6dc}.brand{font-size:14px;font-weight:800;letter-spacing:3px}.brand span{color:#58dce6;font-weight:400}main{max-width:1160px;margin:auto}.hero{position:relative;isolation:isolate;min-height:660px;padding:100px 28px 80px;overflow:hidden}.eyebrow{color:#62e8f0;letter-spacing:3px;font-size:11px;font-weight:700}h1{font-size:clamp(46px,7.5vw,94px);line-height:1.04;letter-spacing:-4px;margin:28px 0}h1 span{background:linear-gradient(110deg,#82f5ef,#9289ff);color:transparent;background-clip:text}.intro{max-width:460px;line-height:1.8;color:#abb9d3;font-size:17px}.play{margin-top:22px;padding:18px 25px;display:inline-flex;align-items:center;gap:42px;background:#79ece5;color:#061725;border-radius:6px;font-weight:800;letter-spacing:1px;font-size:13px;box-shadow:0 8px 44px #45ddd21c}.play:hover{background:#b1fff6}.small{font-size:11px;color:#8294b0;margin-top:20px}.universe{position:absolute;z-index:-1;right:25px;top:80px;width:420px;height:470px}.planet{width:220px;height:220px;position:absolute;left:110px;top:70px;border-radius:50%;background:radial-gradient(circle at 28% 28%,#7ca6e2,#334481 40%,#111d44 72%);box-shadow:inset -30px -30px 35px #030717,0 0 70px #464e972f}.orbit{width:390px;height:190px;border:1px solid #6fe2ec50;position:absolute;top:90px;left:20px;border-radius:50%;transform:rotate(-35deg);box-shadow:0 0 22px #58e5ee0c}.ball{position:absolute;left:95px;top:280px;width:12px;height:12px;border-radius:50%;background:#e4fffc;box-shadow:0 0 25px #70fff4}.paddle{position:absolute;bottom:30px;left:190px;width:125px;height:12px;background:linear-gradient(#b5fff5,#3fa0bc);border:1px solid #b1fff6;border-radius:8px;box-shadow:0 4px 22px #54d8e55a}.crystal{position:absolute;left:30px;top:40px;width:56px;height:20px;border:1px solid #88edfa;background:linear-gradient(#53c6d3b0,#2c456c);border-radius:4px;transform:rotate(-8deg)}.c2{left:45px;top:72px}.c3{left:60px;top:104px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:50px 28px 90px;border-top:1px solid #20304a}.features b{font-size:38px;color:#78e9e3;font-weight:500}.features h2{font-size:18px;font-weight:600}.features p{color:#97aac6;line-height:1.8;font-size:14px}.invitation{text-align:center;padding:60px 24px 90px}.invitation h2{font-size:34px}footer{border-top:1px solid #20304a;font-size:11px;color:#8497b3;padding-bottom:35px}@media(max-width:760px){.hero{padding-top:42px;min-height:820px}h1{letter-spacing:-2px}.intro{max-width:420px}.universe{top:425px;right:calc(50% - 170px);transform:scale(.7);transform-origin:top center}.features{grid-template-columns:1fr;gap:25px;padding-top:30px;padding-bottom:40px}.features article{max-width:440px}.features b{font-size:30px}header{padding:25px 22px}header nav{gap:16px;font-size:12px}footer{align-items:flex-start;flex-direction:column}footer nav{font-size:12px}.invitation h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}