body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;background-color:#f8f9fa;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;background-color:#fff;box-shadow:0 0 20px #0000001a;min-height:100vh}header{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;padding:40px 20px;text-align:center}header h1{margin:0;font-size:2.5rem;font-weight:700;letter-spacing:1px}.tagline{font-size:1.1rem;margin-top:10px;opacity:.9}.content{padding:60px 40px}.hero-section{text-align:center;margin-bottom:80px;max-width:800px;margin-left:auto;margin-right:auto}.hero-section h2{font-size:2.2rem;color:#2c3e50;margin-bottom:20px;font-weight:600}.hero-text{font-size:1.2rem;color:#555;line-height:1.7;margin-bottom:0}.services-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:80px}.service-item{text-align:center;padding:30px 20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:transform .3s ease,box-shadow .3s ease}.service-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.service-item h3{color:#2c3e50;font-size:1.4rem;margin-bottom:15px;font-weight:600}.service-item p{color:#666;font-size:1rem;line-height:1.6}.cta-section{text-align:center;padding:50px 20px;background-color:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.cta-section h2{color:#2c3e50;font-size:2rem;margin-bottom:15px;font-weight:600}.cta-section p{font-size:1.1rem;color:#666;margin-bottom:30px}.cta-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:15px 40px;font-size:1.1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d}.cta-button:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}footer{background-color:#2c3e50;color:#ecf0f1;text-align:center;padding:30px 20px;margin-top:auto}.footer-content p{margin:0;font-size:.9rem}@media (max-width: 768px){.content{padding:40px 20px}header h1{font-size:2rem}.hero-section h2{font-size:1.8rem}.hero-text{font-size:1.1rem}.services-section{grid-template-columns:1fr;gap:30px}.cta-section h2{font-size:1.6rem}}
