:root{ color-scheme: dark; }
html,body{ margin:0; height:100%; }
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #050b18 url("assets/fonds/fonds.png") center center / cover no-repeat fixed;
  color: #fff;
}
.homeWrap{ position:fixed; inset:0; display:flex; align-items:flex-end; justify-content:center; padding: 0 16px 11vh; }
.homeCard{
  width:min(820px, 96vw); display:flex; gap:14px; flex-wrap:wrap; justify-content:center;
  background: rgba(5,11,24,.42); border:1px solid rgba(255,255,255,.14);
  border-radius: 22px; padding: 14px; backdrop-filter: blur(10px);
  box-shadow: 0 10px 40px rgba(0,0,0,.35);
}
.homeBtn{
  flex:1 1 280px; border-radius: 18px; padding: 16px 18px;
  border:1px solid rgba(255,255,255,.16); background: rgba(0,0,0,.28);
  color: #fff; cursor:pointer; text-align:left; box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.homeBtn .t{ font-weight:950; letter-spacing:.3px; font-size:18px }
.homeBtn .s{ font-size:12px; opacity:.85; margin-top:6px }
.homeBtn.demo{ background: rgba(10,79,175,.35); border-color: rgba(10,79,175,.55); }
.homeBtn.full{ background: rgba(255,154,42,.20); border-color: rgba(255,154,42,.45); }
.homeFoot{ width:100%; display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; padding: 0 2px; }
.homeTiny{ font-size:11px; color: rgba(255,255,255,.72); opacity:.85; }
a{ color:inherit; text-decoration:none; }

/* sécurité: boutons toujours cliquables */
.homeCard, .homeBtn{ pointer-events:auto; }