@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";:root{--primary-color: #7028ba;--secondary-color: #d4bfea;--text-color: #333;--bg-color: #f4f4f4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:#fff;box-shadow:0 2px 5px #0000001a;position:fixed;width:100%;z-index:1000}.header .container{display:flex;justify-content:space-between;align-items:center;padding:20px}.logo{width:250px}nav ul{display:flex;list-style:none}nav ul li{margin-left:20px}nav ul li a{text-decoration:none;color:var(--text-color);font-weight:600;transition:color .3s ease}nav ul li a:hover{color:var(--primary-color)}.hero{background:linear-gradient(#00000080,#00000080),url(/assets/side-view-people-doing-sport-with-stats-CDZlXPOE.jpg) no-repeat center center/cover;height:100vh;display:flex;align-items:center;text-align:center;color:#fff}.hero h2{font-size:2.5rem;margin-bottom:20px}.hero p{font-size:1.2rem;margin-bottom:30px}.cta-button{display:inline-block;background-color:var(--primary-color);color:#fff;padding:12px 30px;border-radius:5px;text-decoration:none;font-weight:600;transition:background-color .3s ease}.cta-button:hover{background-color:var(--secondary-color)}.services,.portfolio,.contact{padding:80px 0}h2{text-align:center;margin-bottom:40px;font-size:2rem}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.service-item{background-color:#fff;padding:30px;border-radius:5px;box-shadow:0 3px 10px #0000001a;text-align:center;transition:transform .3s ease}.service-item:hover{transform:translateY(-5px)}.service-item i{font-size:3rem;color:var(--primary-color);margin-bottom:20px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px}.portfolio-item{position:relative;overflow:hidden;border-radius:5px}.portfolio-item img{width:600px;height:400px;transition:transform .3s ease;object-fit:cover}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-details{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;color:#fff;padding:20px;transform:translateY(100%);transition:transform .3s ease}.portfolio-item:hover .portfolio-details{transform:translateY(0)}.contact form{max-width:600px;margin:0 auto}.contact input,.contact textarea{width:100%;padding:12px;margin-bottom:20px;border:1px solid #ddd;border-radius:5px}.contact textarea{height:150px}.footer{background-color:var(--secondary-color);color:#fff;text-align:center;padding:20px 0}@media (max-width: 768px){.header .container{flex-direction:column}nav ul{margin-top:20px}nav ul li{margin:0 10px}.hero h2{font-size:2rem}}