/* Partim — Ultra épuré */

:root{
  --bg:#ffffff;
  --fg:#0b0d12;
  --muted:#6b7280;
}

@media (prefers-color-scheme: dark){
  :root{
    --bg:#07080b;
    --fg:#f2f4f8;
    --muted:#9ca3af;
  }
}

*{ box-sizing:border-box; }

body{
  margin:0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background:var(--bg);
  color:var(--fg);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  text-align:center;
}

.wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:26px;
  padding:40px 20px;
}

.brand img{
  height:180px;
  width:auto;
}

h1{
  font-size:18px;
  font-weight:400;
  letter-spacing:0.04em;
  text-transform:uppercase;
  margin:0;
  color:var(--muted);
}

.links{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:10px;
}

.links a{
  font-size:15px;
  color:var(--fg);
  text-decoration:none;
}

.links a:hover{
  text-decoration:underline;
}

footer{
  position:fixed;
  bottom:16px;
  font-size:12px;
  color:var(--muted);
}

footer a{
  color:inherit;
  text-decoration:none;
}


body{
  background:
    linear-gradient(rgba(255,255,255,0.92), rgba(255,255,255,0.92)),
    url("assets/img/background.jpg") center / cover no-repeat fixed;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  background:url("assets/img/grain.png") repeat;
  pointer-events:none;
  opacity:0.18;
}

.icons{
  display:flex;
  gap:40px;
  margin-top:34px;
}

.icons a{
  text-decoration:none;
  border:none;
}

.icon-img{
  width:38px;
  height:38px;
  display:block;
}


/* Icônes réseaux – disposition verticale */
.icons{
  flex-direction: column;
  gap: 28px;
  align-items: center;
}