body {font-family: Arial, sans-serif; margin:0; padding:0; background:#f9f9f9; color:#333;}
.hero {background:#0a3d62; color:white; text-align:center; padding:50px 20px;}
.hero .logo {max-height:80px; margin-bottom:10px;}
.hero h1 {font-size:32px; margin:10px 0;}
.hero p {margin:5px 0 20px;}
.cta-btn {background:#f1c40f; color:#000; padding:12px 25px; text-decoration:none; border-radius:6px; font-weight:bold;}
.services, .portfolio, .choose, .contact {padding:40px 20px; text-align:center;}
.services h2, .portfolio h2, .choose h2, .contact h2 {color:#0a3d62; margin-bottom:20px;}
.cards {display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:20px;}
.card {background:white; padding:20px; border-radius:10px; box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.carousel {display:flex; overflow:hidden; position:relative;}
.carousel .slide {min-width:100%; transition:transform 1s;}
.carousel img {width:100%; border-radius:10px;}
.contact form {max-width:400px; margin:auto; display:flex; flex-direction:column; gap:15px;}
.contact input, .contact textarea {padding:10px; border-radius:6px; border:1px solid #ccc;}
.contact button {background:#0a3d62; color:white; padding:12px; border:none; border-radius:6px; cursor:pointer;}
footer {background:#0a3d62; color:white; text-align:center; padding:15px; margin-top:40px;}
.whatsapp-float {position:fixed; bottom:20px; right:20px; background:#25d366; color:white; padding:12px 18px; border-radius:50px; text-decoration:none; font-weight:bold;}