body{margin:0;padding:0}.app{font-family:Arial,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 5px #0000001a}.nav-links a{margin-left:2rem;text-decoration:none;color:#333}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;text-align:center;margin-top:60px}.hero-content{max-width:800px;margin:0 auto}.hero-content h1{font-size:3rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem}.cta-button{background-color:#4caf50;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:5px;cursor:pointer;transition:background-color .3s}.cta-button:hover{background-color:#45a049}.services{padding:4rem 2rem;text-align:center;background-color:#f5f5f5}.service-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.service-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 5px #0000001a}.service-icon{font-size:2.5rem;color:#667eea;margin-bottom:1rem}.contact{padding:4rem 2rem;text-align:center;background-color:#667eea;color:#fff}.footer{padding:2rem;text-align:center;background-color:#333;color:#fff}@media (max-width: 768px){.hero-content h1{font-size:2rem}.nav-links{display:none}}