:root { --brand:#111827; --accent:#ef4444; }
body { background:#0b0f19; color:#e5e7eb; }
.navbar, .footer { background:#0b0f19; }
.brand-badge {
    letter-spacing: 0;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 24px;
    border-radius: 0;
    padding: 12px 30px;
}
.hero { background: radial-gradient(1000px 400px at 10% -10%, rgba(239,68,68,.10), transparent),
                   radial-gradient(800px 300px at 110% 10%, rgba(234,179,8,.08), transparent);
         border-bottom:1px solid rgba(255,255,255,.08);
}
.card { background:#0f172a; border:1px solid rgba(255,255,255,.08); }
.form-label { color:#cbd5e1; }
.text-muted { color:#94a3b8 !important; }
.btn-accent { background:var(--accent); border-color:var(--accent); }
.btn-accent:hover { filter:brightness(1.05); }
.legal { font-size:.875rem; }
.list-check li { margin:.5rem 0; }
.list-check li::marker { color: var(--accent); }
.divider { height:1px; background:rgba(255,255,255,.08); }
a, a:hover { color:#fca5a5; }

#banner {
  position: relative;
  overflow: hidden;
}
#banner-video {
  position: absolute;
  right: -100px;
  bottom: -100px;
  min-width: 100%;
  min-height: 100%;
  z-index: 0;
}
.navbar {
    border-bottom: 1px solid #293141;
}   
#banner .container {
    z-index: 3;
    position: relative;
}
#banner:before {
    content: '';
    background: #0b0f19f2;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}
#banner:after {
    content: '';
    background: radial-gradient(1000px 400px at 10% -10%, rgba(239, 68, 68, .15), transparent), radial-gradient(800px 300px at 110% 10%, rgba(234, 179, 8, .12), transparent);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: 2;
}
ul.card-text {
    padding: 5px 0 10px 15px;
}
footer {
    border-top: 1px solid #293141;
}
#petitionForm-status {
    color: green;
}