@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";body{margin:0;font-family:Poppins,sans-serif;background:linear-gradient(-45deg,#0a122f,#3b0a4c,#0f1c45,#4b0f4d);background-size:400% 400%;animation:gradientBG 20s ease infinite;color:#fff;overflow-x:hidden}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{max-width:1200px;margin:auto;padding:30px;text-align:center}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:80px}.logo{display:flex;flex-direction:column;align-items:flex-start}.logo-main{font-size:54px;font-weight:700;letter-spacing:4px;font-family:Bebas Neue,sans-serif;background:linear-gradient(90deg,#38bdf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:1px 1px 6px rgba(0,0,0,.6)}.logo-sub{font-size:18px;letter-spacing:3px;color:#ffffffe6}.logo-line{width:120px;height:2px;margin-top:6px;background:linear-gradient(90deg,transparent,#38bdf8,transparent)}.buttons-group{display:flex;gap:30px}.button{padding:18px 36px;font-size:22px;font-weight:700;border:none;border-radius:40px;background:linear-gradient(90deg,#06b6d4,#ec4899);color:#fff;cursor:pointer;text-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 10px #06b6d480,0 0 15px #ec489980;transition:all .3s ease}.button:hover{transform:translateY(-2px);box-shadow:0 0 20px #06b6d4cc,0 0 30px #ec4899cc}.hero{margin-bottom:100px}h2{font-family:Bebas Neue,sans-serif;font-size:3.6rem;font-weight:700;line-height:1.2;background:linear-gradient(90deg,#7dd3fc,#38bdf8,#93c5fd,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 4px rgba(255,255,255,.5),2px 2px 6px rgba(0,0,0,.2)}h3{font-family:Bebas Neue,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,#38bdf8,#60a5fa,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 3px rgba(255,255,255,.4),1px 1px 2px rgba(0,0,0,.2)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:30px auto 80px}@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid{grid-template-columns:1fr}}.card{background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.08);padding:20px 28px;border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .45s ease;position:relative;overflow:hidden;min-height:160px}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,#6366f1,#06b6d4,#ec4899,transparent);opacity:0;transition:.4s}.card:hover{transform:translateY(-4px) scale(1.02);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 25px #38bdf859,0 0 45px #6366f159}.card:hover:before{opacity:1}.card h4{font-size:28px;font-weight:700;margin-bottom:10px;background:linear-gradient(90deg,#38bdf8,#6366f1,#06b6d4,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.card p{font-size:22px;line-height:1.4;color:#fffffff2}.chart-box{height:300px;margin-top:30px;background:#ffffff0d;border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}footer{margin-top:60px;color:#ffffffb3}