*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
body{background:#fff;color:#222;overflow-x:hidden;}
header{position:fixed;top:0;width:100%;background:linear-gradient(90deg,#ff0080,#ff8c00,#40e0d0);color:#fff;z-index:1000;}
header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;}
header .logo{font-size:1.8rem;}
nav ul{display:flex;list-style:none;}
nav li{margin:0 10px;}
nav a{color:#fff;text-decoration:none;font-weight:600;}
.hamburger{display:none;font-size:2rem;cursor:pointer;}
.hero{height:100vh;background:linear-gradient(135deg,#40e0d0,#ff8c00,#ff0080);display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;padding:0 1rem;}
.hero h2{font-size:2.5rem;animation:fadeInDown 1s;}
.hero p{margin:1rem 0;animation:fadeInUp 1.2s;}
.btn{background:#fff;color:#333;padding:0.8rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:0.3s;}
.btn:hover{background:#333;color:#fff;}
.section{padding:5rem 2rem;text-align:center;}
.section:nth-child(even){background:#f5f5f5;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:2rem;}
.card{background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:1rem;transition:transform 0.3s;}
.card:hover{transform:translateY(-5px);}
.card img{width:100%;border-radius:10px;}
.parallax{background-attachment:fixed;background-size:cover;background-position:center;}
footer{text-align:center;padding:2rem;background:#222;color:#fff;}
form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto;}
input,textarea{padding:0.8rem;border-radius:5px;border:1px solid #ccc;width:100%;}
textarea{resize:none;}
.fade-in{opacity:0;transform:translateY(20px);transition:all 1s ease-out;}
.fade-in.visible{opacity:1;transform:translateY(0);}
@media(max-width:768px){nav{position:fixed;top:0;right:-100%;height:100%;width:250px;background:#ff0080;flex-direction:column;align-items:center;justify-content:center;transition:0.3s;}nav ul{flex-direction:column;}nav li{margin:20px 0;}nav.active{right:0;} .hamburger{display:block;}}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px);}100%{opacity:1;transform:translateY(0);}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}