:root{
      --brand-blue: #0b3d91; /* bleu royal */
      --brand-dark: #0a2540;
      --muted: #6c757d;
      --accent: #0b84ff;
    }
    body{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:#222}
    .topbar{background:linear-gradient(90deg, rgba(11,61,145,0.95), rgba(10,37,64,0.95)); color:white}
    .navbar-brand img{height:48px; width:auto}
    .hero{
      min-height:72vh;
      background-image: url('assets/hero-placeholder.jpg'); /* Remplacez par votre image */
      background-size:cover; background-position:center; position:relative; display:flex; align-items:center;
    }
    .hero::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,37,64,0.45), rgba(11,61,145,0.45));}
    .hero .container{position:relative; z-index:2}
    .card-strap{border-left:4px solid var(--brand-blue); padding-left:1rem}
    .feature-icon{font-size:28px; width:56px; height:56px; display:grid; place-items:center; border-radius:12px; background:rgba(11,61,145,0.08)}
    .program-card img{height:160px; object-fit:cover}
    .partner-logo{max-height:64px; opacity:.85}
    footer{background:#08182b; color:#c9d6e6}
    .btn-primary{background:var(--brand-blue); border:none}
    @media (max-width:767px){
      .hero{min-height:56vh}
      .navbar-brand img{height:40px}
    }