*,:before,:after{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{color:#f5f3f4;background-color:#0b0c10;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body:before{content:"";opacity:.2;z-index:-1;background:url(/stars.png);animation:200s linear infinite moveStars;position:fixed;inset:0}@keyframes moveStars{0%{background-position:0 0}to{background-position:10000px 10000px}}.hero{color:#f5f3f4;text-align:center;background:linear-gradient(135deg,#1a1a2e,#162447,#1f4068);padding:120px 20px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#e9456033,#0000 70%);animation:20s linear infinite rotateGlow;position:absolute;inset:-50%}@keyframes rotateGlow{to{transform:rotate(360deg)}}.hero h1{margin-bottom:20px;font-size:3rem;font-weight:700;animation:1s forwards fadeInUp}.hero p{font-size:1.5rem;animation:1.3s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.button,.btn-glow{color:#fff;background:linear-gradient(135deg,#9d4edd,#6a0dad);border-radius:30px;padding:14px 36px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.button:hover,.btn-glow:hover{transform:scale(1.05);box-shadow:0 0 25px #9d4eddcc}.resources{text-align:center;padding:100px 20px;overflow-x:hidden}.card-container,.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;width:100%;max-width:1200px;margin:0 auto;display:grid}.card{background:#141428d9;border-radius:20px;width:100%;max-width:100%;padding:30px;transition:transform .3s,box-shadow .3s;box-shadow:0 0 30px #9d4edd4d}.card:hover{transform:translateY(-8px);box-shadow:0 0 45px #9d4edd99}.card h3{color:#e94560;margin-bottom:15px}.card p{opacity:.9;font-size:.95rem}.cta{color:#fff;text-align:center;background:linear-gradient(135deg,#162447,#1f4068);padding:120px 20px}@media (max-width:768px){body{background-size:150% 150%}.hero{padding:70px 16px}.hero h1{font-size:2rem}.hero p{font-size:1rem}.cards,.card-container{grid-template-columns:1fr;padding:40px 12px}.card{width:100%;margin:0 auto}section{padding:40px 12px}}@media (max-width:480px){.button,.btn-glow{width:100%;padding:12px 0;font-size:1rem}}
