:root{
  --red: #e63946;
  --dark:#0b0b0b;
  --light:#ffffff;
  --muted:#a0a0a0;
}
*{box-sizing:border-box;}
body{
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:var(--dark);
  color:var(--light);
  margin:0;
  padding-top:82px;

}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff; /* blanc premium */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}


.navbar{height:72px; background:var(--light);}
.navbar-brand img{height:110px;} /* Logo agrandi */
.nav-link{color:var(--dark);}
.nav-link.btn-danger{color:#fff;}
.nav-link.btn-danger:hover{filter:brightness(.95);}
.hero{
  min-height:72vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background: linear-gradient(180deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../img/voiture-luxe-avec-chauffeur-prive.jpg') center/cover no-repeat;
  padding:60px 0;
}
.hero-title{
  font-size:4rem;
  letter-spacing:6px;
  color:var(--light);
  font-weight:700;
  transform:translateY(0);
  animation:heroAppear 1s ease both;
}
.hero-sub{
  color:var(--red);
  font-weight:600;
  margin-top:1rem;
  font-size:1.25rem;
  opacity:0;
  animation:subAppear 1s 0.4s ease forwards;
}
.section-padding{padding:72px 0;}
.bg-black{background:var(--dark);}
.bg-dark{background:#141414;}
.bg-white{background:var(--light); color:var(--dark);}
.text-muted{color:var(--muted);}
.feature-card, .price-card, .contact-box{
  background:linear-gradient(180deg,#0f0f0f,#141414);
  border:1px solid #252525;
  border-radius:12px;
  padding:20px;
  transition:transform 0.3s, box-shadow 0.3s;
}
.feature-card:hover, .price-card:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 20px rgba(0,0,0,0.3);
}
.feature-card h5, .price-card h5, .feature-card p, .price-card p{
  color:#fff;
}
.contact-box h5, .contact-box ul li, .contact-box a{
  color:#fff;
}
.btn-danger{background:var(--red); border-color:var(--red);}
.btn-danger:hover{filter:brightness(.95);}
.btn-success{background:#25D366; border-color:#25D366;}
.form-control{border-radius:6px;}
.form-control:focus{border-color: var(--red); box-shadow: 0 0 0 0.2rem rgba(230, 57, 70, 0.25);}
.text-danger{color:var(--red);}
footer{font-size:0.9rem; color:#aaa;}
@keyframes heroAppear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes subAppear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media (max-width: 768px){.hero-title{font-size:2.5rem; letter-spacing:3px;}.hero-sub{font-size:1rem;}}
@media (max-width: 576px){.col-md-4, .col-lg-5, .col-lg-7{flex:0 0 100%; max-width:100%;}}