/* DomRaschet.ru — unified dark style patch
   Назначение: выровнять новые и старые страницы в едином тёмном стиле.
   Подключать после встроенных <style>, прямо перед </head>. */

:root {
  --bg: #07101d !important;
  --bg2: #08111f !important;
  --panel: #0e1a2b !important;
  --panel2: #111f33 !important;
  --card: #101d30 !important;
  --card2: #0c1728 !important;
  --text: #eef5ff !important;
  --muted: #9fb1cc !important;
  --line: #223854 !important;
  --accent: #72d6a3 !important;
  --accent2: #7cb7ff !important;
  --warn: #ffd166 !important;
  --white: #ffffff !important;
}

html {
  background: #07101d !important;
}

body {
  background: #07101d !important;
  background-image: none !important;
  color: var(--text) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(8,17,31,.96), rgba(7,16,29,1) 42%, rgba(6,13,24,1));
}

.top,
.site-header,
.header {
  background: rgba(7, 16, 29, .96) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.18) !important;
}

.hero {
  background: transparent !important;
}

.panel,
.card,
.stat,
.step,
.faq details,
.calc-box,
.calculator,
.result,
.notice-box,
.info-box,
.content-card,
.section-card {
  background: linear-gradient(180deg, rgba(17,31,51,.96), rgba(11,22,38,.96)) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.18) !important;
}

.card:hover,
a.card:hover {
  background: linear-gradient(180deg, rgba(19,39,63,.98), rgba(12,25,42,.98)) !important;
  border-color: rgba(114,214,163,.55) !important;
}

.lead,
.intro,
.card small,
.stat span,
.step p,
.faq p,
.footer,
.footer a,
.muted,
p.note {
  color: var(--muted) !important;
}

.btn,
.button,
.calc-button,
button {
  background: #111f33 !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
}

.btn.primary,
.button.primary,
button.primary,
input[type="submit"] {
  background: linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  color: #061321 !important;
  border-color: transparent !important;
}

input,
select,
textarea {
  background: #081524 !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(159,177,204,.75) !important;
}

.table-wrap,
table {
  border-color: var(--line) !important;
}

table,
.table {
  background: rgba(12,23,40,.96) !important;
  color: var(--text) !important;
}

th,
td,
.table th,
.table td {
  border-color: var(--line) !important;
}

th,
.table th {
  background: rgba(17,31,51,.98) !important;
  color: var(--accent) !important;
}

.footer,
.site-footer {
  background: transparent !important;
  border-top: 1px solid var(--line) !important;
}

a {
  text-underline-offset: 3px;
}

.nav a:hover,
.footer a:hover {
  color: var(--white) !important;
}

.notice {
  background: rgba(255,209,102,.08) !important;
  border-left-color: var(--warn) !important;
  color: #f9e7b0 !important;
}