/* Тема «Аврора» — тёмная, градиентный сине-фиолетовый акцент, стеклянные карточки, свечение. */

:root {
  color-scheme: dark;

  --ink: #eef0ff;
  --ink-2: #c6c9e8;
  --muted: #8f93b8;
  --line: rgba(150, 160, 255, .14);
  --line-strong: rgba(150, 160, 255, .26);

  --bg: #0b0b1a;
  --bg-soft: #11112a;
  --card-bg: rgba(255, 255, 255, .045);

  --accent: #6d5cff;
  --accent-2: #9d8bff;
  --accent-soft: rgba(109, 92, 255, .18);
  --accent-ink: #ffffff;

  --radius: 18px;
  --radius-sm: 14px;
  --shadow: 0 20px 50px rgba(0, 0, 0, .5);
  --card-shadow: 0 18px 44px rgba(0, 0, 0, .45);
  --card-border: 1px solid var(--line);

  --header-bg: rgba(11, 11, 26, .8);
  --header-ink: #ffffff;
  --header-line: transparent;
  --nav-ink: #b6b9dc;

  --footer-bg: #07071a;
  --footer-ink: #aeb0d5;
  --footer-strong: #ffffff;
  --footer-line: rgba(150, 160, 255, .12);
  --footer-muted: #8386ac;

  --h1-size: 40px;
  --h2-size: 28px;
  --section-pad: 56px;

  --font-head: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --btn-radius: 999px;
  --btn-radius-lg: 999px;

  --cta-bg: linear-gradient(120deg, #4a3ee6, #8b5cf6 55%, #d06bff);
  --cta-ink: #ffffff;
  --cta-muted: rgba(255, 255, 255, .85);
}

.chooser select, .picker select, select.fsmp-select, select {
  color-scheme: dark;
}
.picker select {
  background-color: #141534;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%239d8bff' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 34px;
}
.picker select option {
  background: #141534;
  color: #eef0ff;
}
.picker select:focus { box-shadow: 0 0 0 3px rgba(109, 92, 255, .25); }

::selection { background: rgba(109, 92, 255, .5); color: #fff; }

body { background:
  radial-gradient(900px 500px at 85% -10%, rgba(109, 92, 255, .16), transparent 60%),
  radial-gradient(800px 420px at -10% 20%, rgba(208, 107, 255, .12), transparent 60%),
  var(--bg);
}

.site-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); }

h1, h2 { color: #fff; letter-spacing: -.5px; }
h1 { font-weight: 800; }
h2 { font-weight: 750; }

.nav a { color: var(--nav-ink); }
.nav a:hover { color: #fff; }
.phone { color: #fff; font-weight: 650; }
.hours { color: var(--muted); }
.logo-text small { color: var(--muted); }

a { color: var(--accent-2); }
a:hover { color: #c0b6ff; }

a:focus-visible, .btn:focus-visible, .faq summary:focus-visible, .related a:focus-visible {
  outline: 2px solid var(--accent-2); outline-offset: 3px; border-radius: 6px;
}

.badge { background: rgba(109, 92, 255, .1); border: 1px solid var(--line); border-radius: 12px; }
.badge span { color: var(--muted); }
.badge b { color: #fff; }
.badge-ico { background: rgba(109, 92, 255, .45); }
.badge-ico::before, .badge-ico::after { background: #fff; }

.card, .tile, .related a { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.card { border: var(--card-border); border-radius: var(--radius); backdrop-filter: blur(8px); }
.tile { border: var(--card-border); border-radius: var(--radius); }

.card:hover, .card:focus-within, .tile:hover, .tile:focus-within {
  transform: translateY(-3px);
  border-color: rgba(157, 139, 255, .5);
  box-shadow: 0 0 0 1px rgba(157, 139, 255, .35), 0 22px 50px rgba(0, 0, 0, .5);
}

.tile p { color: var(--ink-2); }
.tile .more { color: var(--accent-2); }
.related a { color: var(--ink); border: 1px solid var(--line); border-radius: 14px; }
.related a:hover, .related a:focus-visible { background: rgba(109, 92, 255, .12); border-color: rgba(157, 139, 255, .5); }

@media (hover: none) { .card:hover, .tile:hover, .related a:hover { transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .card, .tile, .related a, .btn { transition: none; }
  .card:hover, .tile:hover, .related a:hover { transform: none; }
}

.table-scroll { border: 1px solid var(--line); border-radius: var(--radius); }
table { color: var(--ink); }
th { background: rgba(255, 255, 255, .04); color: #e6e8ff; border-bottom: 1px solid var(--line-strong); }
td { border-bottom-color: var(--line); }
caption { color: var(--muted); }

.btn-primary { background: linear-gradient(120deg, #6d5cff, #8b5cf6); box-shadow: 0 8px 22px rgba(109, 92, 255, .35); }
.btn-primary:hover { background: linear-gradient(120deg, #7d6dff, #9d6dff); }
.btn-ghost { border-color: var(--line-strong); color: var(--accent-2); }
.btn-ghost:hover { background: rgba(109, 92, 255, .16); color: #fff; }

.steps li::before { background: linear-gradient(120deg, #6d5cff, #8b5cf6); }

.cta { border: 1px solid rgba(157, 139, 255, .4); border-radius: var(--radius); }
.cta h2 { color: #fff; }
.cta .btn-primary { background: #fff; color: #3b2fb0; box-shadow: none; }
.cta .btn-primary:hover { background: #ece9ff; }
.cta .btn-ghost { border-color: rgba(255, 255, 255, .4); color: #fff; }
.cta .btn-ghost:hover { background: rgba(255, 255, 255, .14); }

.notice { background: rgba(109, 92, 255, .12); border-left: 3px solid var(--accent); border-radius: 12px; }

.faq { border-top-color: var(--line); }
.faq details { border-bottom-color: var(--line); }
.faq summary { color: #fff; }
.faq summary::after { color: var(--accent-2); }
.faq .answer { color: var(--ink-2); }

.site-footer { border-top: 1px solid var(--line); }
.footer-brand { color: #fff; }
.footer-list a:hover { color: var(--accent-2); }

@media print { body { background: #fff; color: #000; } h1, h2 { color: #000; } }
@media (max-width: 680px) { h1 { font-size: 30px; } }