/* Графит с глубиной тёмного варианта: камень, не плоская серая заливка */

:root {
  --g-950: #16191f;
  --g-900: #1c2028;
  --g-850: #262b34;
  --g-800: #30363f;
  --g-700: #3e4550;
  --g-500: #8b919e;
  --g-400: #b7bcc8;
  --g-200: #e2e4ea;
  --g-50: #f6f5f8;
  --line: rgba(168, 142, 210, 0.26);
  --line-strong: rgba(168, 142, 210, 0.48);
  --glow: rgba(122, 84, 176, 0.5);
}

body {
  background: var(--g-900);
}

.header {
  background: rgba(22, 25, 31, 0.55);
  backdrop-filter: blur(18px);
}

.header.is-scrolled {
  background: rgba(22, 25, 31, 0.9);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

.hero {
  background:
    radial-gradient(ellipse at 72% 28%, rgba(122, 84, 176, 0.28), transparent 52%),
    #181c24;
}

.hero__glow {
  background: radial-gradient(circle, rgba(138, 102, 196, 0.32), transparent 68%);
}

.quick-card {
  background: rgba(38, 43, 52, 0.88);
  border-color: var(--line);
  box-shadow: 0 18px 44px rgba(8, 10, 14, 0.35);
  backdrop-filter: blur(18px);
}

.quick-card:hover {
  background: #323844;
  border-color: var(--p-400);
  box-shadow: 0 22px 50px rgba(74, 45, 114, 0.22);
}

.quick-card--accent {
  background: linear-gradient(180deg, rgba(122, 84, 176, 0.58), rgba(38, 28, 54, 0.94));
  box-shadow: 0 18px 44px rgba(74, 45, 114, 0.32);
}

.departments {
  background:
    radial-gradient(ellipse at 0% 0%, rgba(122, 84, 176, 0.18), transparent 46%),
    var(--g-850);
}

.dept {
  background: rgba(28, 32, 40, 0.72);
  border-color: var(--line);
  box-shadow: 0 16px 36px rgba(8, 10, 14, 0.22);
}

.dept--featured {
  background: linear-gradient(165deg, rgba(122, 84, 176, 0.5), rgba(28, 22, 40, 0.92));
  box-shadow: 0 18px 40px rgba(74, 45, 114, 0.28);
}

.spec {
  background: #232831;
  border-color: var(--line);
}

.spec:hover,
.doc-card:hover {
  border-color: var(--p-400);
  background: #2b313b;
}

.doc-card {
  background: rgba(28, 32, 40, 0.72);
  border-color: var(--line);
}

.diagnostics {
  background: var(--g-950);
}

.method {
  min-height: auto;
  padding: 22px;
  border-radius: var(--radius);
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: var(--g-850);
}

.method:not(.method--featured):not(.method--cta) {
  background: var(--g-850);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: none;
}

.diagnostics .method-grid .method.method--featured,
.method.method--featured {
  border-color: rgba(168, 130, 216, 0.45);
  background: linear-gradient(155deg, rgba(122, 84, 176, 0.88), rgba(48, 32, 72, 0.98));
  box-shadow: 0 16px 36px rgba(48, 28, 76, 0.28);
}

.diagnostics .method-grid .method.method--featured h3,
.method.method--featured h3 {
  color: #fff;
}

.diagnostics .method-grid .method.method--featured p,
.method.method--featured p {
  color: rgba(255, 255, 255, 0.84);
}

.diagnostics .method-grid .method.method--featured:hover,
.diagnostics .method-grid .method.method--featured:focus-visible,
.method.method--featured:hover,
.method.method--featured:focus-visible {
  border-color: var(--p-300);
  background: linear-gradient(155deg, rgba(138, 98, 192, 0.92), rgba(56, 38, 84, 1));
  box-shadow: 0 18px 40px rgba(48, 28, 76, 0.34);
  transform: translateY(-2px);
}

.diagnostics .method-grid .method.method--featured:hover h3,
.diagnostics .method-grid .method.method--featured:focus-visible h3,
.method.method--featured:hover h3,
.method.method--featured:focus-visible h3 {
  color: #fff;
}

.opinion {
  background:
    radial-gradient(ellipse at 80% 20%, rgba(122, 84, 176, 0.32), transparent 52%),
    #181c24;
}

.panel-form {
  background: rgba(30, 34, 42, 0.88);
  border-color: var(--line);
  box-shadow: 0 18px 40px rgba(8, 10, 14, 0.28);
}

.panel-form input,
.panel-form select,
.panel-form textarea {
  background: rgba(18, 21, 27, 0.72);
}

.panel-form--light {
  background: #2a303a;
}

.record {
  background: var(--g-850);
}

@media (max-width: 860px) {
  .nav {
    background: rgba(22, 25, 31, 0.98);
  }
}