*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --black:   #0a0a0a;
  --black2:  #111111;
  --black3:  #181818;
  --black4:  #222222;
  --yellow:  #f5c400;
  --yellow2: #ffd740;
  --yellow3: rgba(245,196,0,0.10);
  --red:     #cc1515;
  --red2:    #e52020;
  --white:   #ffffff;
  --gray:    #666666;
  --gray2:   #999999;
  --gray3:   #cccccc;
  --border:  rgba(255,255,255,0.08);
  --border-y: rgba(245,196,0,0.35);
}
html { scroll-behavior: smooth; }
body { font-family: 'Roboto Condensed', sans-serif; background: var(--black); color: var(--white); line-height: 1.6; overflow-x: hidden; }