/* LES TUTORIELS — design propre, bleu */
:root{
  --lt-primary:#0d6efd;
  --lt-bg:#f5f8ff;
  --lt-dark:#0b1e3a;
}
html,body{height:100%}
body{background:var(--lt-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
.navbar{backdrop-filter:saturate(140%) blur(6px)}
.brand{font-weight:800;letter-spacing:.5px;color:var(--lt-primary)}
.hero{
  min-height:60vh;display:flex;align-items:center;justify-content:center;
  background: radial-gradient(80% 40% at 50% 0%, #dfe9ff 0%, rgba(223,233,255,0) 60%);
}
.card{border-radius:18px;border:1px solid rgba(13,110,253,.12)}
.btn{border-radius:12px}
.footer{color:#6c757d}
.no-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}
.shadow-soft{box-shadow:0 10px 30px rgba(13,110,253,.08)}
.kpi{background:#fff;border-radius:14px;padding:14px;border:1px solid rgba(13,110,253,.08)}
img{max-width:100%;height:auto}
/* Gallery cards */
.card-img-top{border-top-left-radius:18px;border-top-right-radius:18px}
/* disable image drag/save vibes */
img[draggable="false"]{-webkit-user-drag:none}