:root { color-scheme: dark; }
html { background: #070707; }
body { min-height: 100vh; }
::selection { background: rgba(255, 59, 47, .55); color: white; }
.hero-bg {
  background-image:
    linear-gradient(180deg, rgba(7,7,7,.52), rgba(7,7,7,.96)),
    radial-gradient(circle at center, rgba(255,59,47,.10), transparent 38%),
    url('/assets/img/winols-dyno-hero.webp');
  background-position: center;
  background-size: cover;
}
.card-grid-bg {
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 36px 36px;
}
.form-input {
  width: 100%;
  border-radius: .5rem;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.45);
  padding: .75rem .9rem;
  color: white;
  outline: none;
}
.form-input:focus { border-color: rgba(255,59,47,.8); box-shadow: 0 0 0 3px rgba(255,59,47,.18); }
.form-label { display:block; margin-bottom:.45rem; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:#d4d4d8; }
.form-help { margin-top:.35rem; font-size:.78rem; color:#a1a1aa; }
.hp-field { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }