* { margin:0; padding:0; box-sizing:border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
body { line-height:1.6; color:#333; }

/* Navbar */
nav { display:flex; justify-content:space-between; align-items:center; padding:15px 40px; background:#0d1b2a; color:white; position:sticky; top:0; z-index:100;}
nav h1 { font-size:1.6rem; color:#00d4ff;}
nav ul { list-style:none; display:flex; gap:20px; }
nav ul li a { color:white; text-decoration:none; font-size:1rem; transition: color 0.3s;}
nav ul li a:hover { color:#00d4ff; }
.hamburger { display:none; cursor:pointer; font-size:1.5rem; color:white; }

/* Hero Section */
.hero { height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:url('https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1950&q=80') no-repeat center center/cover; color:white; padding:0 20px; position:relative;}
.hero::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.hero h1, .hero p, .btn { position:relative; z-index:1; }
.hero h1 { font-size:3rem; margin-bottom:1rem; }
.hero p { font-size:1.2rem; margin-bottom:2rem; }
.btn { padding:12px 24px; background:#00d4ff; border:none; border-radius:25px; font-size:1rem; cursor:pointer; transition:0.3s;}
.btn:hover { background:#0094aa; color:white; }

/* About Section */
.about { padding:60px 20px; text-align:center; background:#ffffff;}
.about h2 { font-size:2rem; margin-bottom:20px; color:#0d1b2a;}
.about p { max-width:800px; margin:0 auto; font-size:1.1rem; color:#555; }

/* Services Section */
.services { padding:60px 20px; text-align:center; background:#f4f4f9;}
.services h2 { font-size:2rem; margin-bottom:40px; color:#0d1b2a;}
.service-items { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:20px;}
.service { background:white; padding:20px; border-radius:10px; border:1px solid #ddd; transition: transform 0.3s;}
.service:hover { transform:translateY(-10px);}
.service img { width:80px; height:80px; object-fit:contain; margin-bottom:15px;}
.service h3 { margin-bottom:10px; color:#0094aa; }

/* Testimonials Carousel */
.testimonials { padding:60px 20px; max-width:1200px; margin:0 auto; text-align:center; }
.testimonials h2 { margin-bottom:40px; }
.testimonial-carousel { position:relative; overflow:hidden; max-width:800px; margin:0 auto;}
.testimonial-track { display:flex; transition: transform 0.5s ease; }
.testimonial-item { min-width:100%; color:#0d1b2a; padding:30px; border-radius:10px; text-align:center; background:transparent; }
.testimonial-item p { font-style:italic; margin-bottom:10px; color:inherit;}
.testimonial-item .rating { color:#ffb400; margin-bottom:10px;}
.testimonial-item strong { color:inherit;}
.testimonial-nav { margin-top:20px;}
.testimonial-nav button { background:#00d4ff; border:none; color:#fff; padding:10px 15px; margin:0 5px; border-radius:5px; cursor:pointer; font-weight:700; }

/* Contact Section */
.contact { display:flex; gap:50px; padding:60px 20px; max-width:1200px; margin:0 auto; flex-wrap:wrap;}
.contact-left, .contact-right { flex:1; min-width:300px;}
.contact-left h2, .contact-right h2 { margin-bottom:20px; }
.contact-left p { margin-bottom:15px; font-weight:500;}
.contact-right form { display:flex; flex-direction:column;}
.contact-right input, .contact-right textarea { padding:10px; margin-bottom:15px; border-radius:5px; border:1px solid #ddd; width:100%; }
.contact-right button { background:#0d1b2a; color:#fff; border:none; padding:12px; font-weight:700; border-radius:5px; cursor:pointer; }
.contact-right button:hover { background:#0094aa; }

/* Footer */
footer { text-align:center; padding:20px; background:#0d1b2a; color:white; margin-top:40px;}
footer a { color:#00d4ff; margin:0 10px; text-decoration:none; font-weight:700; }

/* Modal Styles */
.modal { display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.7);}
.modal-content { background:#1c1c1c; margin:10% auto; padding:30px; border-radius:10px; max-width:400px; color:#fff; position:relative;}
.modal-content h2 { margin-bottom:20px; text-align:center;}
.modal-content input { width:100%; padding:10px; margin:10px 0; border-radius:5px; border:none;}
.modal-content button { width:100%; padding:10px; background:#00d4ff; border:none; color:#fff; border-radius:5px; cursor:pointer; font-weight:700;}
.close-modal { position:absolute; top:10px; right:15px; font-size:20px; cursor:pointer; color:#fff;}
.modal-switch { text-align:center; margin-top:10px; cursor:pointer; color:#00d4ff; font-weight:700; }

/* Responsive */
@media (max-width:768px){
  .service-items { grid-template-columns:1fr; }
  .contact { flex-direction: column; gap:30px; }
  .hero h1 { font-size:2rem; }
  .hero p { font-size:1rem; }
  .testimonial-item { padding:20px; }
  .testimonial-nav button { padding:8px 12px; font-size:0.9rem; }
  nav ul { flex-direction: column; gap:10px; background:#0d1b2a; padding:15px; display:none; position:absolute; top:60px; right:0; width:100%; }
  nav ul.show { display:flex; }
  .hamburger { display:block; }
}