:root{
  --bg:#0b0b0d;
  --panel:#0f0f13;
  --text:#f4f5f7;
  --muted:#a7aab3;
  --primary:#dc3545; /* красный акцент */
  --ring:#2a2d37;
  --card:#14161b;
}

html,body{
  background:var(--bg);
  color:var(--text);
}

a { color: var(--primary); text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }

.py-6{padding-top:5rem; padding-bottom:5rem;}

.hero{isolation:isolate; position:relative;}
.hero-bg{
  position:absolute; inset:0;
  background:
    radial-gradient(60% 80% at 70% 20%, rgba(220,53,69,.12), transparent 60%),
    radial-gradient(40% 60% at 20% 80%, rgba(255,255,255,.06), transparent 60%),
    url("../images/hero.jpg") center/cover no-repeat;
  filter:saturate(1.1) contrast(1.05) brightness(.9);
  z-index:-1; opacity:.45;
}

.card--dark{
  background:var(--card);
  border:1px solid var(--ring);
  box-shadow:0 10px 30px rgba(0,0,0,.20);
}
.card--dark .card-img-top{
  height:160px;
  object-fit:cover;
  border-top-left-radius:.5rem;
  border-top-right-radius:.5rem;
}

.review{
  background:var(--panel);
  border-left:4px solid var(--primary);
  padding:1.25rem 1.5rem;
  border-radius:.75rem;
  font-size:1.1rem;
}

.navbar-dark .nav-link{ opacity:.85; }
.navbar-dark .nav-link:hover{ opacity:1; }

.btn-danger{
  --bs-btn-bg:var(--primary);
  --bs-btn-border-color:var(--primary);
  --bs-btn-hover-bg: #ba2337;
  --bs-btn-hover-border-color: #ba2337;
}

.btn-outline-light:hover, .btn-outline-light:focus { color: #fff; background: var(--primary); border-color: var(--primary); }

.form-control,
.form-select,
.form-check-input,
textarea{
  background:#101119;
  color:var(--text);
  border-color:#22252e;
}
.form-control:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 .2rem rgba(220,53,69,.20);
}

img{ max-width:100%; height:auto; }
.object-fit-cover{ object-fit:cover; }

/* Utilities and gaps for icon rows etc */
.rounded-4 { border-radius: 1rem !important; }
.gap-4 { gap: 1.5rem !important; }
.opacity-75 { opacity: .75 !important; }
.bg-black { background: #101119 !important; }
.small { font-size: 0.98em; color: var(--muted);}