@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
/* ПАК Мирт — миртовая тьма с изумрудной подсветкой, свежий и сдержанный. Тёмная кино-тема сети (лендинг партнёра — тёмный). */
:root {
  --bg-main: #0a1210;
  --bg-surface: rgba(220,255,245, .05);
  --bg-surface-hover: rgba(220,255,245, .09);
  --accent: #34d399;
  --accent-glow: #34d39944;
  --accent-bg: #34d39914;
  --text-bright: #f7f4ec;
  --text-main: #cdc6b8;
  --text-muted: #837c6d;
  --line: rgba(220,255,245, .12);
  --danger: #fb7185;
  --success: #34d399;
  --radius: 10px;
  --transition: all .2s ease;
  --glass: blur(14px);
  --head: 'Manrope', 'Arial Black', sans-serif;
}
* { margin:0; padding:0; box-sizing:border-box; }
html, body { overflow-x:hidden; width:100%; }
body {
  font-family:'Inter', -apple-system, sans-serif;
  background-color: var(--bg-main);
  background-image:
    radial-gradient(ellipse 55% 38% at 78% -6%, var(--accent-glow), transparent),
    radial-gradient(ellipse 45% 30% at 8% 104%, #0f766e26, transparent);
  color: var(--text-main);
  line-height:1.65;
  display:flex; flex-direction:column; min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6 { font-family:var(--head); color:var(--text-bright); font-weight:600; line-height:1.28; overflow-wrap:break-word; letter-spacing:.005em; }
a { text-decoration:none; color:inherit; transition:var(--transition); }
main { flex:1; width:100%; }
.container { width:100%; max-width:1220px; margin:0 auto; padding:0 20px; }
.topbar { height:4px; background:linear-gradient(90deg, var(--accent), #047857 45%, #0f766e 80%, transparent); }

/* Хедер */
.site-header { position:sticky; top:12px; margin:0 12px; background:#0a1210c8; backdrop-filter:var(--glass); -webkit-backdrop-filter:var(--glass); border:1px solid var(--line); border-radius:14px; z-index:1000; width:calc(100% - 24px); }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:60px; padding:0 8px; }
.logo { display:flex; align-items:center; gap:10px; font-family:var(--head); font-size:18px; font-weight:600; color:var(--text-bright); white-space:nowrap; }
.logo span span, .hl { color:var(--accent); }
.logo-icon { font-size:22px; }
.main-nav { display:flex; gap:18px; align-items:center; }
.main-nav a { font-weight:600; font-size:13.5px; color:var(--text-main); white-space:nowrap; border-radius:8px; padding:5px 9px; }
.main-nav a:hover { color:var(--bg-main); background:var(--accent); }
.menu-btn { display:none; background:none; border:1px solid var(--line); border-radius:10px; padding:6px 12px; font-size:20px; cursor:pointer; color:var(--text-bright); }

/* Секции */
.section { padding:56px 0; }
.section-label, .hero-label { color:var(--accent); text-transform:uppercase; font-size:12px; font-weight:700; letter-spacing:.12em; margin-bottom:10px; display:flex; align-items:center; gap:8px; }
.section-label::before, .hero-label::before { content:''; width:22px; height:2px; background:var(--accent); display:inline-block; }
.categories-header h2 { font-size:28px; margin-bottom:10px; }
.section-subtext { color:var(--text-muted); max-width:680px; font-size:15px; }

/* Герой */
.hero { padding:72px 0 58px; position:relative; }
.hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; }
.hero-text { display:flex; flex-direction:column; gap:16px; }
.hero h1 { font-size:40px; line-height:1.14; }
.hero h1 .hl { font-family:inherit; }
.hero-desc { font-size:16.5px; color:var(--text-main); max-width:620px; }
.hero-note { font-size:12.5px; color:var(--text-muted); border:1px dashed var(--line); border-radius:10px; padding:10px 14px; background:var(--bg-surface); }
.cat-hero { padding:48px 0 8px; }
.cat-hero h1 { font-size:34px; }

/* Карточки */
.category-grid, .cat-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(265px,1fr)); gap:16px; }
.category-card, .article-card { background:var(--bg-surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px; display:flex; flex-direction:column; transition:var(--transition); position:relative; overflow:hidden; }
.category-card::before, .article-card::before { content:''; position:absolute; inset:0 0 auto 0; height:3px; background:linear-gradient(90deg, transparent, var(--accent), transparent); opacity:0; transition:var(--transition); }
.category-card:hover::before, .article-card:hover::before { opacity:1; }
.category-card:hover, .article-card:hover { transform:translateY(-4px); border-color:#34d39977; box-shadow:0 18px 40px -18px var(--accent-glow); background:var(--bg-surface-hover); }
.category-card strong { font-family:var(--head); color:var(--text-bright); font-size:15.5px; font-weight:600; margin-bottom:6px; display:block; }
.category-card em { font-style:normal; font-size:13.5px; color:var(--text-muted); line-height:1.55; }
.cat-icon { font-size:25px; margin-bottom:12px; }
.card-body { padding:16px 18px; }
.card-body h2, .card-body h4 { font-family:var(--head); font-size:15.5px; font-weight:600; margin:0 0 6px; }
.card-body p { font-size:14px; color:var(--text-muted); margin:0; line-height:1.55; }
.card-body a { color:var(--accent); }
.card-body a:hover { text-shadow:0 0 14px var(--accent-glow); }

/* Поиск */
.search-box { width:100%; position:relative; margin-bottom:10px; }
.search-box input { width:100%; padding:14px 18px; font-size:15px; font-family:inherit; color:var(--text-bright); background:var(--bg-surface); border:1px solid var(--line); border-radius:12px; outline:none; transition:var(--transition); }
.search-box input:focus { border-color:var(--accent); box-shadow:0 0 0 4px var(--accent-bg); }
.search-dropdown { position:absolute; top:100%; left:0; right:0; background:#0a1210f0; backdrop-filter:var(--glass); border:1px solid var(--line); border-radius:14px; margin-top:8px; max-height:360px; overflow-y:auto; z-index:1000; box-shadow:0 24px 50px -12px rgba(0,0,0,.7); display:none; }
.search-dropdown a { display:block; padding:11px 18px; font-size:14px; border-bottom:1px solid rgba(220,255,245, .06); }
.search-dropdown a:hover { background:var(--accent-bg); color:var(--accent); }

/* Статьи */
.lead { font-size:17.5px; color:var(--text-main); }
.quick-specs { background:var(--bg-surface); border:1px solid var(--line); border-radius:var(--radius); padding:18px 22px; margin:22px 0; }
.quick-specs ul { list-style:none; }
.quick-specs li { font-size:14.5px; padding:6px 0; border-bottom:1px solid rgba(220,255,245, .06); }
.quick-specs li:last-child { border-bottom:none; }
.quick-specs strong { color:var(--accent); font-weight:700; }
.article-toc { background:var(--bg-surface); border:1px solid var(--line); border-radius:var(--radius); padding:14px 20px; margin:22px 0; }
.article-toc summary { font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--accent); cursor:pointer; }
.article-toc ul { margin:10px 0 4px 18px; }
.article-toc li { font-size:14px; padding:3px 0; }
.article-toc a { color:var(--text-main); }
.article-toc a:hover { color:var(--accent); }
.pro-tip { background:var(--accent-bg); border:1px solid #34d39955; border-radius:var(--radius); padding:15px 20px; margin:20px 0; font-size:15px; }
.faq-block { margin:26px 0; }
.faq-block h3 { font-size:17.5px; margin-top:18px; }
.article-summary { background:var(--bg-surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px 26px; margin:28px 0; }
.article-summary ul { margin:12px 0 6px 20px; }
.article-summary li { font-size:15px; padding:5px 0; }
.serial-episodes { background:var(--bg-surface); border:1px solid var(--line); border-radius:var(--radius); padding:18px 22px; margin:24px 0; }
.serial-episodes h3 { font-size:16px; margin-bottom:10px; }
.serial-episodes ul { list-style:none; display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; }
.serial-episodes a { display:block; font-size:14px; border:1px solid var(--line); border-radius:9px; padding:8px 12px; background:#0a121099; }
.serial-episodes a:hover { border-color:var(--accent); color:var(--accent); }
.answers-block { background:var(--bg-surface); border:1px solid var(--line); border-radius:var(--radius); padding:20px 24px; margin:24px 0; }
.answers-block h3 { font-size:17px; margin-bottom:12px; }
.answers-block h4 { font-size:14.5px; margin:12px 0 4px; color:var(--text-bright); }
.answers-block p { font-size:14.5px; margin:0; }
.table-wrap { overflow-x:auto; margin:20px 0; border:1px solid var(--line); border-radius:var(--radius); background:rgba(0,0,0,.25); }
table { width:100%; border-collapse:collapse; font-size:14.5px; }
th { font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--bg-main); background:var(--accent); padding:11px 14px; text-align:left; }
td { padding:10px 14px; border-bottom:1px solid rgba(220,255,245, .06); vertical-align:top; }
tr:hover td { background:var(--accent-bg); }
.text-page { max-width:820px; }
.text-page h2 { margin:32px 0 12px; font-size:22px; }
.text-page p { margin-bottom:15px; }
.notice-box { background:var(--accent-bg); border:1px solid #34d39955; border-radius:var(--radius); padding:16px 20px; margin:18px 0; font-size:15px; }
.breadcrumbs { font-size:13.5px; padding:14px 0; color:var(--text-muted); }
.breadcrumbs a { color:var(--accent); }
.pagination-container { display:flex; gap:8px; margin-top:32px; }
.pagination-container a, .pagination-container span { font-size:14px; border:1px solid var(--line); border-radius:10px; padding:7px 13px; background:var(--bg-surface); }
.pagination-container .current { background:var(--accent); color:var(--bg-main); border-color:var(--accent); font-weight:800; }

/* Футер */
.site-footer { background:rgba(0,0,0,.4); border-top:1px solid var(--line); padding:52px 0 0; margin-top:64px; width:100%; }
.footer-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:36px; padding-bottom:38px; }
.footer-logo { display:flex; align-items:center; gap:10px; color:var(--text-bright); font-family:var(--head); font-weight:600; font-size:17px; margin-bottom:12px; }
.site-footer p { color:var(--text-muted); font-size:13.5px; line-height:1.7; }
.footer-title, .site-footer h3 { color:var(--text-main); font-size:13px; text-transform:uppercase; letter-spacing:.1em; margin-bottom:14px; }
.site-footer nav { display:flex; flex-direction:column; gap:10px; }
.site-footer nav a { color:var(--text-muted); font-size:14px; }
.site-footer nav a:hover { color:var(--accent); }
.copyright { border-top:1px solid var(--line); padding:18px 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:12.5px; color:var(--text-muted); }

@media (max-width:900px) {
  .hero-grid { grid-template-columns:1fr; gap:30px; }
  .hero h1 { font-size:28px; }
  .menu-btn { display:block; }
  .main-nav { position:absolute; top:60px; left:0; width:100%; background:#0a1210f7; flex-direction:column; align-items:flex-start; padding:18px 20px; border-radius:0 0 14px 14px; border-top:1px solid var(--line); display:none; gap:14px; }
  .main-nav.active { display:flex; }
}

/* ===== ПЛЕЕР-ОБЁРТКА (клик -> movio.pw через /go/) ===== */
.player-box { position:relative; display:block; aspect-ratio:16/9; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); background:#0a1210; margin:22px 0 10px; }
.player-box::after { content:''; position:absolute; inset:0; z-index:2; background:linear-gradient(180deg, #0a12100d, #0a1210c8); }
.player-box .player-poster { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover; }
.player-box .player-stub { position:absolute; inset:0; z-index:0; display:flex; align-items:center; justify-content:center; font-size:72px; background:radial-gradient(ellipse at 50% 40%, #0f766e59, transparent 70%), linear-gradient(160deg, #04785733, #0a1210); }
.player-box .play-btn { position:absolute; inset:0; margin:auto; width:76px; height:76px; border-radius:50%; background:var(--accent); color:var(--bg-main); display:flex; align-items:center; justify-content:center; font-size:30px; padding-left:6px; box-shadow:0 0 44px var(--accent-glow); z-index:3; transition:var(--transition); }
.player-box:hover .play-btn { transform:scale(1.09); }
.player-box .player-badge { position:absolute; z-index:3; left:14px; bottom:12px; background:rgba(0,0,0,.66); border:1px solid var(--line); color:var(--text-bright); font-size:13px; font-weight:700; padding:5px 11px; border-radius:8px; }
.player-box .player-hd { position:absolute; z-index:3; right:14px; top:12px; background:var(--accent); color:var(--bg-main); font-weight:800; font-size:11px; letter-spacing:.05em; padding:3px 8px; border-radius:6px; }
.player-box.skin-b .play-btn { background:#0f766e; color:#fff; box-shadow:0 0 44px #0f766e66; }
.player-box.skin-b .player-hd { background:#0f766e; color:#fff; }
.player-box.skin-c .play-btn { background:#047857; color:#fff; box-shadow:0 0 44px #04785766; }
.player-box.skin-c .player-hd { background:#047857; color:#fff; }
.player-note { font-size:12.5px; color:var(--text-muted); margin:0 0 20px; }