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

:root {
  --bg:        #080808;
  --bg2:       #0e0e0e;
  --bg3:       #141414;
  --bg4:       #1a1a1a;
  --red:       #cc0000;
  --red-b:     #ff2020;
  --red-dim:   rgba(204, 0, 0, .1);
  --red-glow:  rgba(204, 0, 0, .35);
  --border:    rgba(204, 0, 0, .18);
  --border-b:  rgba(204, 0, 0, .5);
  --white:     #ffffff;
  --gray:      #999999;
  --gray-d:    #444444;
  --green:     #4ade80;
  --transition: cubic-bezier(.22, 1, .36, 1);
}

html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--white);
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
  cursor: none;
}


::-webkit-scrollbar              { width: 4px; }
::-webkit-scrollbar-track        { background: var(--bg); }
::-webkit-scrollbar-thumb        { background: linear-gradient(to bottom, var(--red), var(--red-b)); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover  { background: var(--red-b); }


.scanlines {
  position: fixed; inset: 0; pointer-events: none; z-index: 2;
  background: repeating-linear-gradient(
    0deg, transparent, transparent 2px,
    rgba(0, 0, 0, .04) 2px, rgba(0, 0, 0, .04) 4px
  );
  animation: scanPulse 4s ease-in-out infinite;
}


.div {
  width: 100%; height: 1px;
  background: linear-gradient(to right, transparent, rgba(204, 0, 0, .4), transparent);
  position: relative; z-index: 10;
}


section.pad { padding: 100px 6%; position: relative; z-index: 10; }

.sec-head   { text-align: center; margin-bottom: 4rem; }
.sec-ey {
  font-family: 'Share Tech Mono', monospace;
  font-size: .72rem; letter-spacing: 3px; color: var(--red);
  display: block; margin-bottom: .7rem;
}
.sec-title {
  font-family: 'Orbitron', monospace; font-weight: 700;
  font-size: clamp(1.5rem, 3.5vw, 2.2rem); letter-spacing: -1px; color: var(--white);
}
.sec-title b { color: var(--red-b); }
.sec-line {
  width: 50px; height: 2px;
  background: linear-gradient(90deg, var(--red), var(--red-b));
  margin: 1rem auto 0; box-shadow: 0 0 10px var(--red-glow);
}
.sec-desc {
  max-width: 540px; margin: 1.2rem auto 0;
  font-size: .9rem; color: var(--gray); line-height: 1.85;
}
