/* Reset & Body */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif;}
body{background:linear-gradient(120deg,#f0f4ff,#dcefff);color:#333;}
/* Navbar */.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;background:rgba(255,255,255,0.9);position:sticky;top:0;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,0.1);} .logo{font-size:1.5rem;font-weight:bold;color:#ff4b2b;} .nav-links{list-style:none;display:flex;gap:2rem;} .nav-links li a{text-decoration:none;color:#333;font-weight:500;transition:all .3s ease;} .nav-links li a:hover,.nav-links li .play-button:hover{color:#ff4b2b;transform:scale(1.1);} .play-button{padding:.5rem 1.2rem;background:#ff4b2b;color:#fff;border-radius:10px;transition:all .3s ease;} .play-button.large{font-size:1.2rem;padding:1rem 2rem;}
/* Hero */.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;position:relative;overflow:hidden;} .hero h1{font-size:3rem;margin-bottom:2rem;color:#ff4b2b;text-shadow:2px 2px #fff;} .hero-animation .animated-card{position:absolute;width:100px;animation:float 4s ease-in-out infinite;} .hero-animation .animated-card:nth-child(2){left:50px;animation-delay:1s;} @keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}
/* Features */.features{padding:5rem 3rem;background:#e6f0ff;text-align:center;} .feature-cards{display:flex;justify-content:center;gap:2rem;margin-top:2rem;} .feature-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform .3s ease,box-shadow .3s ease;} .feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px rgba(0,0,0,0.2);}
/* News */.news{padding:5rem 3rem;background:#f9f9f9;text-align:center;} .news-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem;} .news-card{background:#fff;padding:1.5rem;border-radius:10px;width:250px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform .3s ease;} .news-card:hover{transform:translateY(-5px);}
/* Updates */.updates{padding:5rem 3rem;background:#e6f0ff;text-align:center;} .update-item{background:#fff;padding:1.5rem;margin:1rem auto;border-radius:10px;width:80%;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform .3s ease;} .update-item:hover{transform:translateY(-5px);}
/* Footer */footer{background:#333;color:#fff;text-align:center;padding:2rem 1rem;} .social-links{margin-top:1rem;display:flex;justify-content:center;gap:1.5rem;} .social-links a{color:#ff4b2b;text-decoration:none;font-weight:bold;}