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

/* ==== BASE ==== */
body {
  font-family:'Barlow', sans-serif;
  background:#0a0a0a;
  color:#f1f1f1;
}
h1,h2,h3 { font-family:'Orbitron', sans-serif; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }

/* ==== PAGE TITLE ==== */
.page-title {
  max-width:1200px;
  margin:2rem auto 1rem;
  padding:0 1rem;
}
.page-title h1 {
  font-family:'Orbitron', sans-serif;
  font-size:clamp(1.6rem, 2.5vw, 2.5rem);
  color:#fff;
  letter-spacing:-0.03em;
  line-height:1.05;
  margin-bottom:0.4rem;
  display:flex;
  align-items:center;
  gap:0.6rem;
}
.page-title h1::before {
  content:"";
  display:inline-block;
  width:4px;
  height:1.2em;
  background:#ff1e00;
  border-radius:2px;
  transform:skewX(-12deg);
  flex-shrink:0;
}
.page-title p {
  font-family:'Barlow', sans-serif;
  font-size:clamp(0.92rem, 1.2vw, 1rem);
  color:#999;
  margin:0;
}

/* ==== CTA BUTTON ==== */
.cta-button {
  background:#ff1e00;
  color:#fff;
  padding:0.8rem 2rem;
  border-radius:6px;
  font-weight:700;
  font-family:'Orbitron', sans-serif;
  text-transform:uppercase;
  transition:background 0.3s ease;
  text-decoration:none;
  display:inline-block;
}
.cta-button:hover { background:#c91800; }