body{font-family:'Poppins',sans-serif;margin:0;padding:0;line-height:1.6;color:#1D1E2C;background:#fff}.container{width:90%;max-width:1200px;margin:auto}h1,h2,h3{font-weight:700}a{text-decoration:none}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;position:sticky;top:0;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);z-index:10}.header .container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{height:80px;width:auto}.nav-links{display:flex;gap:20px;list-style:none}.nav-links a{color:#1D1E2C;font-weight:600}.btn{padding:12px 24px;border-radius:30px;font-weight:600;display:inline-block;transition:0.3s}.gradient-btn{background:linear-gradient(45deg,#FF5F6D,#FFC371);color:#fff}.gradient-btn:hover{opacity:0.8}.outline-btn{border:2px solid #FF5F6D;color:#FF5F6D;margin-left:10px}.white-btn{background:#fff;color:#FF5F6D}.hero{display:flex;align-items:center;padding:80px 0}.hero-content{display:flex;justify-content:space-between;gap:40px}.hero-text{flex:1}.hero-text h1{font-size:2.5rem}.hero-buttons{margin-top:20px}.hero-image{flex:1;display:flex;justify-content:center}.mockup-placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:40px;text-align:center;color:white;width:250px;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,0.2)}.phone-icon{font-size:4rem;margin-bottom:20px}.mockup-placeholder p{font-size:1.2rem;font-weight:600}.about{background:#F8F9FB;padding:80px 0}.about-content{display:flex;gap:40px;align-items:center}.about-text{flex:1}.about-image{flex:1;display:flex;justify-content:center}.illustration-placeholder{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:20px;padding:40px;text-align:center;color:white;width:200px;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,0.2)}.team-icon{font-size:3rem;margin-bottom:15px}.illustration-placeholder p{font-size:1.1rem;font-weight:600}.services{padding:80px 0;text-align:center}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.service-card{padding:30px;background:#fff;border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,0.05);transition:transform 0.2s}.service-card:hover{transform:translateY(-5px)}.portfolio{padding:80px 0;text-align:center}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}.portfolio-item{display:flex;justify-content:center}.work-placeholder{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border-radius:15px;padding:30px;text-align:center;color:white;width:100%;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 8px 25px rgba(0,0,0,0.15);transition:transform 0.3s ease}.work-placeholder:hover{transform:translateY(-5px)}.work-icon{font-size:2.5rem;margin-bottom:15px}.work-placeholder p{font-size:1rem;font-weight:600}.contact{padding:80px 0;text-align:center;background:#F8F9FB}.contact h2{font-size:2rem;margin-bottom:20px}.contact p{font-size:1.2rem;margin-bottom:30px;color:#666}.cta{background:linear-gradient(45deg,#FF5F6D,#FFC371);color:#fff;text-align:center;padding:80px 20px}.cta h2{font-size:2rem;margin-bottom:20px}.cta p{font-size:1.2rem;margin-bottom:30px}footer{background:#1D1E2C;color:#bbb;text-align:center;padding:40px 0}.footer-content{display:flex;flex-direction:column;align-items:center;gap:15px}.footer-logo{height:60px;width:auto;margin-bottom:0;display:block}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}@media(min-width:769px){.menu-toggle{display:none!important}.nav-links{display:flex!important}}@media(max-width:768px){.hero-content{flex-direction:column;text-align:center}.hero-text h1{font-size:2rem}.about-content{flex-direction:column}.services-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr}.menu-toggle{display:block}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.nav-links.active{display:flex}.nav-links li{margin:10px 0}.header{padding:1rem 2%}.mockup-placeholder{width:200px;height:250px}.illustration-placeholder{width:150px;height:150px}}@media(max-width:480px){.services-grid{grid-template-columns:1fr}.hero-text h1{font-size:1.5rem}.btn{padding:10px 20px;font-size:0.9rem}.header{position:relative}.logo{height:60px}}