/* Styles pour la page "en construction" */
:root{
  --bg1: #0f1724;
  --bg2: #0b3b5a;
  --card-bg: rgba(255,255,255,0.06);
}

html,body{height:100%;}
body{
  margin:0;
  font-family: "Raleway", sans-serif;
  background: linear-gradient(135deg,var(--bg1),var(--bg2));
  color: #fff;
}

.coming-soon-root{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem;
}

.coming-soon-card{
  width:100%;
  max-width:760px;
  background: var(--card-bg);
  border-radius:12px;
  padding:2.2rem;
  box-shadow: 0 10px 30px rgba(2,6,23,0.6);
  backdrop-filter: blur(6px);
  transform: translateY(10px);
  opacity: 0;
  animation: cardIn 0.8s ease-out forwards 0.15s;
}

.coming-logo{
  height:160px;
  width:auto;
  display:inline-block;
  filter: drop-shadow(0 8px 30px rgba(0,0,0,0.6));
}

h1{font-weight:700;}

.btn-outline-light{
  border-width:1.5px;
}

p.lead{opacity:0.95;}

@keyframes cardIn{
  from{opacity:0; transform: translateY(20px) scale(0.995);} 
  to{opacity:1; transform: translateY(0) scale(1);} 
}

/* Responsive */
@media (max-width:576px){
  .coming-logo{height:120px}
  .coming-soon-card{padding:1.4rem}
}