body{
  margin:0;
  background:#06070a;
  color:white;
  font-family:Inter, sans-serif;
  padding:40px;
  max-width:700px;
  margin:auto;
}

h1{
  letter-spacing:3px;
  font-size:22px;
}

h2{
  margin-top:30px;
  font-size:14px;
  color:#d9b56a;
  letter-spacing:2px;
}

p{
  font-size:13px;
  line-height:1.6;
  color:rgba(255,255,255,0.75);
}

.badge{
  margin:30px 0;
}

/* TOPBAR */
.topbar{
 position:fixed;
 top:0;
 left:0;
 right:0;
 height:44px;
 display:flex;
 align-items:center;
 padding:0 20px;
 background:#000;
 border-bottom:1px solid rgba(255,255,255,0.08);
 z-index:1000;
}

/* LINK */
.back{
 display:flex;
 align-items:center;
 gap:8px;
 text-decoration:none;
 color:#d9b56a;
 font-size:11px;
 letter-spacing:2px;
 opacity:0.8;
 transition:0.25s ease;
}

/* ARROW */
.arrow{
 font-size:14px;
 transform:translateY(-1px);
}

/* TEXTE */
.text{
 font-weight:500;
}

/* HOVER */
.back:hover{
 opacity:1;
 transform:translateX(-2px);
}


@media (max-width:600px){

  body{
    font-size:17px; /* base lisible */
  }

  h1{
    font-size:24px;
  }

  h2{
    font-size:18px;
  }

  p{
    font-size:16px;
    line-height:1.8;
  }

  .intro{
    font-size:17px;
  }

  .container{
    padding:30px 18px;
  }

}