@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono&family=DM+Sans:wght@300;400;500&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}

body{
  font-family:'DM Sans',sans-serif;
  background:#0a0a0a;
  color:#e0e0e0;
  line-height:1.7;
}

.wrapper{
  max-width:900px;
  margin:auto;
  padding:4rem 2rem;
}

.brand{
  font-family:'Bebas Neue';
  font-size:3.5rem;
  color:#fff;
  margin-bottom:1rem;
}

.subtitle{
  font-family:'DM Mono';
  font-size:.75rem;
  color:#555;
  letter-spacing:.2em;
  text-transform:uppercase;
  margin-bottom:3rem;
}

.section{
  margin-bottom:3.5rem;
  padding-bottom:2rem;
  border-bottom:1px solid #161616;
}

.sec-title{
  font-family:'Bebas Neue';
  font-size:2rem;
  margin-bottom:1rem;
  color:#fff;
}

.sec-body{
  color:#b0b0b0;
  font-size:.95rem;
}

.sec-body p{
  line-height:1.8;
  letter-spacing:0.3px;
}

.sec-body p:first-of-type {
  margin-bottom:1rem;
}

.sec-body p:nth-of-type(2) {
  margin-bottom:2rem;
}

ul{margin:1rem 0 1rem 1.5rem;}

.highlight{
  border-left:4px solid #4ef7a1;
  padding:1rem;
  margin:1.5rem 0;
  background:rgba(78,247,161,0.05);
}

.warn{
  border-left:4px solid #ff644e;
  padding:1rem;
  margin:1.5rem 0;
  background:rgba(255,100,60,0.05);
}

.dmca{
  position:fixed;
  bottom:20px;
  right:20px;
  z-index:9999;
  opacity:.9;
  transition:.3s;
}

.dmca:hover{opacity:1;transform:scale(1.05);}