*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins','Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}
body{background-color:#0a1a2f;color:#fff;animation:fadeIn 1s ease-in;}
a{color:#fff;text-decoration:underline;}
.hero{position:relative;height:70vh;background:url('https://images.pexels.com/photos/30535622/pexels-photo-30535622.jpeg?auto=compress&cs=tinysrgb&w=1920')center/cover no-repeat;display:flex;justify-content:center;align-items:center;text-align:center;border-bottom:none;}
.overlay{display:none;}
.hero::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:120px;
  background:linear-gradient(to bottom, rgba(10,26,47,0) 0%, #0a1a2f 100%);
  pointer-events:none;
}
.hero-content{position:relative;z-index:2;}
.hero-content h1{font-size:3rem;margin-bottom:10px;}
.glow{text-shadow:0 0 10px rgba(255,255,255,0.6),0 0 20px rgba(255,255,255,0.3);}
.hero-content p{font-size:1.3rem;margin-bottom:20px;}
.cta-button{
  display:inline-block;
  background-color:#3b82f6;
  color:#fff;
  font-weight:600;
  padding:12px 30px;
  border-radius:9999px;
  text-decoration:none;
  transition:all 0.3s ease;
  box-shadow:0 4px 10px rgba(59,130,246,0.4);
}
.cta-button:hover{
  background-color:#60a5fa;
  transform:translateY(-2px);
  box-shadow:0 6px 15px rgba(59,130,246,0.5);
}
.services{padding:60px 20px;text-align:center;}
.services h2{font-size:2.5rem;margin-bottom:40px;}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;max-width:1100px;margin:0 auto;}
.card{background:#fff;color:#1e2d4f;border-radius:14px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:transform 0.4s ease, box-shadow 0.4s ease;}
.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 25px rgba(0,0,0,0.35);}
.card img{width:100%;height:180px;object-fit:cover;}
.card h3{margin:15px 0 10px;font-size:1.3rem;}
.card p{padding:0 15px 20px;line-height:1.8;color:#1e2d4f;}
.separator{width:80%;height:1px;margin:40px auto;background:rgba(255,255,255,0.1);}
.faq{padding:60px 20px;text-align:center;background:linear-gradient(180deg,#0a1a2f 0%,#101f33 100%);}
.faq h2{font-size:2.5rem;margin-bottom:40px;}
.faq-container{max-width:800px;margin:0 auto;text-align:left;}
.faq-item{background:rgba(255,255,255,0.05);border-radius:12px;padding:25px;margin-bottom:20px;transition:background 0.3s,box-shadow 0.3s;}
.faq-item:hover{background:rgba(255,255,255,0.08);box-shadow:0 0 10px rgba(255,255,255,0.05);}
.faq-item h3{color:#fff;font-size:1.2rem;margin-bottom:8px;}
.faq-item p{color:#ddd;line-height:1.8;}
footer{background:linear-gradient(180deg,#0a1a2f 0%,#121e2e 100%);position:relative;text-align:center;padding:40px 20px;overflow:hidden;border-top:1px solid rgba(255,255,255,0.1);}
footer::before,footer::after{content:none;}
.footer-watermark{position:absolute;left:5%;top:50%;transform:translateY(-50%);height:140px;opacity:0.25;filter:brightness(150%) grayscale(40%);pointer-events:none;user-select:none;}
.footer-center{position:relative;z-index:1;}
footer p{position:relative;z-index:1;line-height:1.8;}
.copyright{color:#bfc4cc;font-size:0.8rem;margin-top:15px;}
.fade-in{animation:fadeIn 1s ease-in;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@media(max-width:768px){
.hero{height:60vh;background-position:top center;background-size:cover;}
.hero-content h1{font-size:2rem;}
.hero-content p{font-size:1.1rem;}
.cta-button{padding:10px 25px;font-size:0.9rem;}
.footer-watermark{height:80px;left:10%;}
}