@import url("/assets/base.css");

/* ============================================================
   THEME: geo (sex-map.online)
   Геопортал: глубокий синий, бирюза, сетка «карты», моно-акценты.
   ============================================================ */
:root {
  --bg: #0a1220;
  --bg-soft: #101b2e;
  --card: #0f1a2b;
  --text: #e8f0fb;
  --muted: #8fa3bd;
  --line: #1d2c44;
  --accent: #2dd4bf;
  --accent-2: #60a5fa;
  --radius: 10px;
  --font-head: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --maxw: 1180px;
}

body {
  background-color: var(--bg);
  background-image:
    linear-gradient(rgba(45,212,191,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(45,212,191,.045) 1px, transparent 1px);
  background-size: 46px 46px, 46px 46px;
}

.hdr { background: rgba(10,18,32,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(6px); }
.logo-mark { background: transparent; border: 1px solid var(--accent); color: var(--accent); }
.geo-picker {
  display: inline-flex; align-items: center; gap: 8px; padding: 6px 13px; border-radius: 999px;
  border: 1px dashed var(--line); font-size: .82rem; color: var(--muted);
}
.geo-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(45,212,191,.14); }
.nav a.on { border-bottom-color: var(--accent); color: var(--text); }

.hero h1 { font-family: var(--font-head); letter-spacing: -.03em; }
.hero-kicker { color: var(--accent); font-family: ui-monospace, 'SF Mono', Consolas, monospace; }
.hero { border-bottom: 1px dashed var(--line); }
.hero-stats .stat b { color: var(--accent); font-family: ui-monospace, 'SF Mono', Consolas, monospace; }

h2 { letter-spacing: -.02em; }
.card { border-style: dashed; }
.card-link:hover { border-color: var(--accent); border-style: solid; box-shadow: 0 0 0 1px rgba(45,212,191,.35), 0 16px 34px rgba(0,0,0,.5); }
.card-kicker { color: var(--accent-2); font-family: ui-monospace, Consolas, monospace; letter-spacing: .06em; }

.geo-card { border-style: dashed; background: linear-gradient(180deg, #101c30, #0d1626); }
.geo-card:hover { border-style: solid; border-color: var(--accent); box-shadow: 0 0 0 1px rgba(45,212,191,.3); }
.geo-city { color: var(--text); }
.geo-region { color: var(--accent); font-family: ui-monospace, Consolas, monospace; }
.geo-fact { border-style: dashed; }
.geo-fact b { color: var(--accent); font-family: ui-monospace, Consolas, monospace; }

.score { border-radius: 4px; font-family: ui-monospace, Consolas, monospace; }
.tbl thead th { background: rgba(45,212,191,.06); color: var(--accent); }
.chip { background: rgba(45,212,191,.05); }
.chip:hover { border-color: var(--accent); }

.pc-pro { border-left-color: #34d399; }
.pc-con { border-left-color: #f87171; }
.verdict { background: rgba(45,212,191,.06); border: 1px dashed var(--line); }
.trust { background: rgba(96,165,250,.05); border: 1px dashed var(--line); }

.ftr { background: #08101c; border-top: 1px dashed var(--line); }
.ftr-col a, .ftr-col p, .ftr-bottom { color: var(--muted); }
.ftr-bottom { border-top-color: var(--line); }

.btn { background: transparent; border: 1px solid var(--accent); color: var(--accent); font-weight: 700; }
.btn:hover { background: rgba(45,212,191,.12); }
.search-form input { background: var(--bg-soft); border-color: var(--line); color: var(--text); }