*{box-sizing:border-box}body{color:#fff;background:#040604;margin:0;font-family:Inter,Arial,sans-serif}a{text-decoration:none}.page{background:radial-gradient(circle at 0 0,#43d65a24,#0000 35%),radial-gradient(circle at 100% 100%,#43d65a1a,#0000 35%),linear-gradient(#050806,#030503);min-height:100vh;position:relative;overflow:hidden}.grid{opacity:.22;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.glow{filter:blur(85px);border-radius:999px;position:absolute}.glowOne{background:#43d65a33;width:350px;height:350px;top:-90px;left:-90px}.glowTwo{background:#43d65a24;width:360px;height:360px;bottom:-100px;right:-100px}.hero{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:48px;width:min(1200px,100% - 40px);min-height:100vh;margin:0 auto;padding:54px 0;display:grid;position:relative}.brand{align-items:center;gap:16px;margin-bottom:32px;display:flex}.brand img{object-fit:contain;filter:drop-shadow(0 0 25px #43d65a47);width:72px;height:72px}.brand h1{letter-spacing:-2px;margin:0;font-size:48px;font-weight:900}.brand span{color:#43d65a}.badge{color:#caffd3;background:#43d65a14;border:1px solid #43d65a40;border-radius:999px;margin:0;padding:9px 14px;font-size:14px;display:inline-block}h2{letter-spacing:-5px;margin:18px 0 0;font-size:clamp(58px,8vw,110px);font-weight:950;line-height:.92}h2 span{color:#43d65a}.bigText{color:#fff;max-width:570px;margin:28px 0 0;font-size:28px;line-height:1.3}.smallText{color:#aab4c2;max-width:510px;font-size:18px;line-height:1.65}.buttons{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.button{border-radius:16px;justify-content:center;align-items:center;padding:16px 24px;font-weight:900;display:inline-flex}.primary{color:#041006;background:#43d65a;box-shadow:0 20px 40px #43d65a40}.secondary{color:#fff;background:#ffffff0b;border:1px solid #ffffff1f}.platforms{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.platforms span{color:#d5dde8;background:#ffffff0e;border:1px solid #ffffff14;border-radius:999px;padding:10px 14px}.scene{height:560px;position:relative}.circle{border:1px solid #43d65a2e;border-radius:50%;position:absolute;inset:80px;box-shadow:0 0 0 35px #43d65a06,0 0 90px #43d65a1f}.mainCard{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#10161ed6;border:1px solid #ffffff1a;border-radius:30px;width:340px;padding:28px;animation:5s ease-in-out infinite floatMain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg);box-shadow:0 40px 80px #00000061,0 0 45px #43d65a1f}.mainCard img{width:72px}.mainCard h3{margin:18px 0 8px;font-size:28px}.mainCard p{color:#aab4c2;line-height:1.5}.stats{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:22px;display:grid}.stats div{background:#ffffff0b;border-radius:16px;padding:12px}.stats small{color:#8f9aaa;font-size:11px;display:block}.stats strong{margin-top:4px;font-size:14px;display:block}.miniCard{background:#10161ed1;border:1px solid #ffffff1a;border-radius:20px;width:175px;padding:16px;animation:6s ease-in-out infinite floatSmall;position:absolute;box-shadow:0 20px 50px #00000052}.miniCard strong{margin-bottom:5px;display:block}.miniCard span{color:#aab4c2;font-size:14px}.card1{top:90px;left:25px}.card2{top:240px;right:5px}.card3{bottom:80px;left:70px}.social{color:#fff;border-radius:24px;place-items:center;width:88px;height:88px;font-weight:950;animation:6s ease-in-out infinite floatSmall;display:grid;position:absolute;box-shadow:0 20px 50px #00000059}.tiktok{background:linear-gradient(135deg,#18e2f1,#ff426a);top:70px;right:130px}.instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7);top:260px;left:40px}.youtube{background:linear-gradient(135deg,#ff3131,#b80000);bottom:70px;right:80px}@keyframes floatMain{0%,to{transform:translate(-50%,-50%)rotate(-6deg)}50%{transform:translate(-50%,calc(-50% - 14px))rotate(-4deg)}}@keyframes floatSmall{0%,to{translate:0}50%{translate:0 -12px}}@media (width<=900px){.hero{grid-template-columns:1fr}.right{order:-1}.scene{height:390px}.mainCard{width:285px}.social{width:68px;height:68px}.miniCard{width:145px}}@media (width<=600px){.hero{width:calc(100% - 28px);padding:28px 0}.brand img{width:56px;height:56px}.brand h1{font-size:35px}h2{letter-spacing:-3px;font-size:58px}.bigText{font-size:21px}.smallText{font-size:16px}.buttons{flex-direction:column}.button{width:100%}.scene{height:360px}.card1{left:0}.card2{right:0}.card3{left:35px}}