*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Arial",sans-serif;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000}nav{justify-content:space-between;padding:1rem 2rem}.logo h1{color:#2c3e50;font-size:1.5rem}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a,footer a{text-decoration:none;transition:color .3s}.nav-menu a{color:#333;font-weight:500}.nav-menu a:hover{color:#3498db}.hero,nav{display:flex;align-items:center}.hero{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;min-height:100vh;justify-content:center;text-align:center}.hero-content h2,.service-item h3{font-size:3rem;margin-bottom:1rem}.about h2,.hero-content p{font-size:1.2rem;margin-bottom:2rem}.cta-button{background:#e74c3c;color:#fff;border:0;padding:15px 30px;font-size:1.1rem;border-radius:5px;cursor:pointer;transition:background .3s}.cta-button:hover{background:#c0392b}.about{background:#f8f9fa}.about h2{color:#2c3e50;font-size:2.5rem}.about h2,.about p,footer{text-align:center}.about p{font-size:1.1rem;max-width:800px;margin:0 auto;line-height:1.8}.about,.services{padding:80px 0}.services h2{margin-bottom:3rem}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-item{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);text-align:center;transition:transform .3s}.service-item:hover{transform:translateY(-5px)}.service-item h3{color:#2c3e50;font-size:1.5rem}.service-item p{color:#666;line-height:1.6}.contact{padding:80px 0;background:#f8f9fa}.contact h2,.services h2{text-align:center;color:#2c3e50;font-size:2.5rem}.contact h2,.contact p{margin-bottom:2rem}.contact p,.contact-info{text-align:center;font-size:1.1rem}.contact-info p,footer p{margin-bottom:.5rem}footer{background:#2c3e50;padding:2rem 0}footer a{color:#bdc3c7}footer,footer a:hover{color:#fff}@media (max-width:768px){.nav-menu,nav{gap:1rem}.hero-content h2{font-size:2rem}.service-grid{grid-template-columns:1fr}nav{flex-direction:column}}