:root {
  --asphalt: #070707;
  --asphalt-2: #141414;
  --red: #e10600;
  --red-dark: #9d0400;
  --orange: #ff6a00;
  --gold: #e8b923;
  --gold-2: #f6d36a;
  --chrome: #f4f4f4;
}

.tread-bar {
  height: 10px;
  width: 100%;
  background:
    repeating-linear-gradient(
      90deg,
      #070707 0 10px,
      #e10600 10px 14px,
      #070707 14px 22px,
      #e8b923 22px 26px
    );
}

.chrome-text {
  background: linear-gradient(180deg, #fff6c8 0%, #e8b923 28%, #fff 48%, #ff6a00 72%, #e10600 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,.35);
  filter: drop-shadow(0 2px 0 #000);
}

.logo-frame {
  background: #000;
  border: 2px solid #e8b923;
  box-shadow: 0 0 0 2px #000, 0 0 18px rgba(225,6,0,.35);
  padding: 4px 8px;
}

.btn-logo {
  background: linear-gradient(180deg, #ff8a1f 0%, #e10600 55%, #9d0400 100%);
  color: #fff;
  border: 1px solid #f6d36a;
  box-shadow: 0 8px 20px rgba(225,6,0,.35);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.btn-logo:hover { filter: brightness(1.08); }

.card-asphalt {
  background: linear-gradient(180deg, #1a1a1a, #0b0b0b);
  border: 1px solid rgba(232,185,35,.35);
  color: #eee;
}


select,
select option,
input:not([type="hidden"]),
textarea {
  color: #111 !important;
  background-color: #fff;
}
option {
  color: #111 !important;
  background: #fff;
}

.section-asphalt {
  background:
    radial-gradient(circle at 80% 0%, rgba(225,6,0,.18), transparent 40%),
    radial-gradient(circle at 10% 100%, rgba(232,185,35,.12), transparent 35%),
    #0b0b0b;
  color: #eee;
}