.hero-3d{min-height:760px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);align-items:center;text-align:left;padding:110px max(28px,calc((100vw - 1280px)/2));position:relative;overflow:hidden;isolation:isolate}.hero-copy{position:relative;z-index:5}.hero-copy h1{margin-left:0}.hero-copy>p{margin-left:0}.hero-copy .hero-buttons,.hero-copy .trust{justify-content:flex-start}.hero-grid{position:absolute;inset:-35%;z-index:-4;background-image:linear-gradient(#ff2e7e0b 1px,transparent 1px),linear-gradient(90deg,#ff2e7e0b 1px,transparent 1px);background-size:54px 54px;transform:perspective(700px) rotateX(63deg) translateY(22%);mask-image:linear-gradient(to bottom,transparent,#000 35%,transparent 82%);animation:gridDrift 18s linear infinite}.hero-orb{position:absolute;border-radius:50%;filter:blur(60px);z-index:-3;opacity:.4;animation:orbFloat 7s ease-in-out infinite}.hero-orb-one{width:400px;height:400px;background:#ff2e7e;right:3%;top:8%}.hero-orb-two{width:280px;height:280px;background:#4f7cff;left:40%;bottom:4%;animation-delay:-3s}.hero-showcase{height:570px;position:relative;perspective:1200px;transform-style:preserve-3d}.float-card{position:absolute;width:255px;height:340px;padding:10px;background:linear-gradient(145deg,#ffffff1f,#ffffff08);border:1px solid #ffffff2b;border-radius:28px;box-shadow:0 35px 80px #000b,0 0 40px #ff2e7e24,inset 0 1px #ffffff40;backdrop-filter:blur(16px);transform-style:preserve-3d;overflow:hidden}.float-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff27 47%,transparent 72%);transform:translateX(-120%);animation:cardShine 5s ease-in-out infinite}.float-card img{width:100%;height:100%;object-fit:cover;border-radius:20px}.float-card span{position:absolute;left:24px;bottom:22px;padding:7px 11px;border-radius:99px;background:#0b0e17d9;border:1px solid #ffffff25;font-size:10px;font-weight:900;letter-spacing:.12em}.float-card-a{left:8%;top:115px;transform:rotateY(18deg) rotateZ(-7deg);animation:floatA 6s ease-in-out infinite}.float-card-b{right:4%;top:38px;transform:translateZ(80px) rotateY(-15deg) rotateZ(7deg);animation:floatB 7s ease-in-out infinite}.float-card-c{right:25%;bottom:0;width:210px;height:275px;transform:translateZ(130px) rotateZ(2deg);animation:floatC 5.4s ease-in-out infinite}.game-grid-3d{perspective:1400px}.game-card{isolation:isolate;transform-style:preserve-3d;will-change:transform;box-shadow:0 25px 55px #0008;transition:transform .18s ease,box-shadow .3s,border-color .3s}.game-card-media{position:absolute;inset:0;overflow:hidden}.game-card-media img{width:100%;height:100%;object-fit:cover}.game-card-glow{position:absolute;inset:35% -20% -30%;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ff2e7e99,transparent 52%);opacity:.55}.game-card-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffffff20 45%,transparent 67%);transform:translateX(-120%);transition:transform .65s}.game-card:hover .game-card-shine{transform:translateX(120%)}.game-card:hover{border-color:#ff6fa888;box-shadow:0 38px 85px #000c,0 0 38px #ff2e7e35}.game-card section{transform:translateZ(55px);z-index:4}.game-card section h3{text-shadow:0 6px 20px #000}.game-card section span{display:inline-flex;gap:9px;align-items:center}.game-card section span b{transition:transform .2s}.game-card:hover section span b{transform:translateX(5px)}.product-card{transform-style:preserve-3d;position:relative;box-shadow:0 12px 34px #0005}.product-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,#ffffff0d,transparent 40%);pointer-events:none;z-index:3}.product-card:hover{transform:translateY(-9px) scale(1.012);box-shadow:0 28px 58px #000a,0 0 24px #ff2e7e20}.product-image img{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s}.product-card:hover .product-image img{transform:scale(1.09) translateY(-5px);filter:drop-shadow(0 20px 18px #0009)}.cta{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.cta:after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#ffffff66 50%,transparent 60%);transform:translateX(-70%);transition:transform .6s}.cta:hover:after{transform:translateX(70%)}.cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 38px #ff2e7e70}.benefits{backdrop-filter:blur(22px);background:#151a2cdd}.games-section{position:relative}.games-section:before{content:"";position:absolute;width:560px;height:360px;left:-260px;top:20%;background:#ff2e7e18;filter:blur(70px);border-radius:50%;pointer-events:none}
@keyframes gridDrift{to{background-position:54px 54px}}@keyframes orbFloat{50%{transform:translate3d(20px,-25px,0) scale(1.08)}}@keyframes cardShine{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}@keyframes floatA{50%{transform:translateY(-18px) rotateY(13deg) rotateZ(-4deg)}}@keyframes floatB{50%{transform:translateY(22px) translateZ(80px) rotateY(-10deg) rotateZ(4deg)}}@keyframes floatC{50%{transform:translateY(-15px) translateZ(130px) rotateZ(-2deg)}}
@media(max-width:1050px){.hero-3d{grid-template-columns:1fr;text-align:center;padding-top:105px}.hero-copy h1,.hero-copy>p{margin-left:auto}.hero-copy .hero-buttons,.hero-copy .trust{justify-content:center}.hero-showcase{height:380px;margin-top:20px}.float-card{width:190px;height:250px}.float-card-a{left:17%;top:75px}.float-card-b{right:17%;top:25px}.float-card-c{right:38%;width:160px;height:210px}}@media(max-width:640px){.hero-3d{min-height:820px;padding-top:80px}.hero-showcase{height:290px}.float-card{width:145px;height:195px;border-radius:20px}.float-card img{border-radius:14px}.float-card-a{left:5%;top:70px}.float-card-b{right:4%;top:30px}.float-card-c{right:34%;width:125px;height:165px}.game-card{transform:none!important}.hero-grid{opacity:.55}}@media(prefers-reduced-motion:reduce){.hero-grid,.hero-orb,.float-card{animation:none!important}.game-card,.product-card,.cta{transition:none!important}}