@font-face{font-family:'Cormorant SC';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cormorant-sc-600-cyr.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Cormorant SC';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cormorant-sc-600-lat.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cormorant SC';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/cormorant-sc-700-cyr.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Cormorant SC';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/cormorant-sc-700-lat.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/roboto-cyr.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/roboto-lat.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root {
  --c-bg-base: #12300f;
  --c-bg-header: #0d2906;
  --c-bg-mid: #1c451a;
  --c-bg-black: #081805;
  --c-bg-card: #163a13;

  --c-green-top: #a8cc40;
  --c-green-bottom: #459329;
  --c-green-mid: #6cad33;

  --c-orange-top: #da914c;
  --c-orange-bottom: #c64b29;
  --c-orange-accent: #cf6d39;

  --c-text: #eef5ea;
  --c-text-dim: #b9c9b3;
  --c-text-muted: #8ca287;

  --c-btn-text: #0d2906;
  --c-gold: #f0c14b;
  --c-gold-rgb: 240,193,75;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  font-family:'Roboto',Arial,sans-serif;
  color:var(--c-text-dim);
  line-height:1.6;
  min-width:320px;
  background-color:var(--c-bg-base);
  background-image:
    repeating-linear-gradient(115deg, rgba(255,255,255,.025) 0px, rgba(255,255,255,.025) 1px, transparent 1px, transparent 3px),
    repeating-linear-gradient(115deg, rgba(0,0,0,.12) 0px, rgba(0,0,0,.12) 1px, transparent 1px, transparent 3px, rgba(0,0,0,.12) 4px, transparent 4px, transparent 6px),
    radial-gradient(ellipse at 20% 0%, rgba(160,204,64,.06), transparent 55%),
    radial-gradient(ellipse at 90% 30%, rgba(207,109,57,.05), transparent 45%);
  background-attachment:fixed;
}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:'Cormorant SC',Georgia,serif;color:var(--c-text);font-weight:700}

/* ============ HEADER ============ */
.site-head{
  position:sticky;top:0;z-index:100;
  background:linear-gradient(180deg,var(--c-bg-header),rgba(13,41,6,.97));
  border-bottom:1px solid rgba(168,204,64,.18);
  backdrop-filter:blur(6px);
}
.head-in{
  max-width:1200px;margin:0 auto;padding:12px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.logo-link{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-img{height:52px;width:auto}

.head-actions{display:flex;align-items:center;gap:10px}

.head-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}
.head-nav-link{
  padding:10px 14px;border-radius:8px;font-size:13.5px;font-weight:600;
  color:var(--c-text-dim);white-space:nowrap;transition:color .2s,background .2s;
}
.head-nav-link:hover{color:var(--c-green-top);background:rgba(168,204,64,.08)}
@media(max-width:1150px){.head-nav{display:none}}

.btn-login-outline{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 24px;border-radius:10px;
  border:1.5px solid var(--c-orange-accent);background:rgba(207,109,57,.08);
  color:var(--c-text);font-weight:700;font-size:14px;
  white-space:nowrap;transition:background .2s;
}
.btn-login-outline:hover{background:rgba(207,109,57,.18)}

.btn-register{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 26px;border-radius:10px;
  background:linear-gradient(180deg,var(--c-orange-top),var(--c-orange-bottom));
  color:#fff;font-weight:700;font-size:14px;
  box-shadow:0 3px 0 rgba(0,0,0,.2);
  white-space:nowrap;
}
.btn-register:hover{filter:brightness(1.06)}

.btn-burger{
  width:46px;height:46px;border-radius:10px;
  border:1.5px solid rgba(168,204,64,.4);
  background:rgba(168,204,64,.06);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;cursor:pointer;
}
.btn-burger svg{width:22px;height:22px;stroke:var(--c-green-top)}

/* ============ SLIDE-OUT MENU ============ */
.menu-overlay{
  position:fixed;inset:0;background:rgba(4,12,3,.6);
  z-index:200;opacity:0;pointer-events:none;transition:opacity .25s;
}
.menu-overlay.open{opacity:1;pointer-events:auto}

.menu-panel{
  position:fixed;top:0;left:0;bottom:0;width:min(400px,88vw);
  background:var(--c-bg-black);
  z-index:201;
  transform:translateX(-100%);transition:transform .3s ease;
  overflow-y:auto;
  border-right:1px solid rgba(168,204,64,.15);
}
.menu-panel.open{transform:translateX(0)}

.menu-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.06);
}
.menu-head span{font-family:'Cormorant SC',Georgia,serif;font-weight:700;letter-spacing:1.5px;color:var(--c-text-muted);font-size:14px;text-transform:uppercase}
.menu-close{
  width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.menu-close svg{width:16px;height:16px;stroke:var(--c-text-dim)}

.menu-list{padding:6px 0}
.menu-item{
  display:flex;align-items:center;gap:16px;
  padding:18px 24px;
  border-bottom:1px solid rgba(255,255,255,.05);
  transition:background .15s;
}
.menu-item:hover{background:rgba(168,204,64,.06)}
.menu-item .m-ic{
  width:26px;height:26px;flex-shrink:0;
  stroke:var(--c-green-top);fill:none;stroke-width:1.7;
}
.menu-item .m-label{flex:1;font-weight:700;font-size:16px;color:var(--c-text)}
.menu-item .m-badge{
  background:linear-gradient(180deg,#e8654a,#c73f28);
  color:#fff;font-size:12px;font-weight:800;
  min-width:22px;height:22px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;padding:0 6px;
}
.menu-item .m-chevron{width:16px;height:16px;stroke:var(--c-text-muted);flex-shrink:0}

/* ============ КНОПКИ ГЕРОЯ ============ */
.btn-cta-lg{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:16px 36px;border-radius:12px;font-weight:800;font-size:16px;
  background:linear-gradient(180deg,var(--c-orange-top),var(--c-orange-bottom));
  color:#fff;box-shadow:0 4px 0 rgba(0,0,0,.25);
}
.btn-cta-outline{
  display:inline-flex;align-items:center;justify-content:center;
  padding:16px 36px;border-radius:12px;font-weight:700;font-size:16px;
  border:1.5px solid rgba(168,204,64,.4);color:var(--c-green-top);
}
.card-thumb{aspect-ratio:16/10;margin-bottom:14px;border-radius:14px;object-fit:cover;width:100%;display:block}
.card-thumb-img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin-bottom:14px;border-radius:14px;display:block}
.wide-banner-img{width:100%;height:auto;border-radius:16px;display:block;margin:20px 0}
.banner-pair{display:flex;gap:20px;margin:20px 0}
.banner-pair img{flex:1;width:50%;height:280px;object-fit:cover;object-position:top;border-radius:16px;display:block}
@media(max-width:700px){.banner-pair{flex-direction:column}.banner-pair img{width:100%;height:220px}}

/* ============ SECTIONS GENERAL ============ */
.sec{padding:56px 0}
.sec-title{text-align:center;margin-bottom:12px;font-size:clamp(24px,4vw,32px)}
.sec-sub{text-align:center;color:var(--c-text-muted);max-width:640px;margin:0 auto 36px;font-size:15px}

/* prose / article text */
.prose{max-width:820px;margin:0 auto}

/* two-column layout: main content + sticky rotating banner sidebar */
.content-grid{display:grid;grid-template-columns:1fr 280px;gap:36px;max-width:1180px}
.main-col{max-width:820px}
.side-col{min-width:0}
.side-sticky{position:sticky;top:96px}
.side-banner-link{display:block;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .2s}
.side-banner-link:hover{transform:translateY(-3px)}
.side-banner-img{width:100%;height:auto;display:block;border-radius:14px}
@media(max-width:980px){
  .content-grid{grid-template-columns:1fr}
  .side-col{display:none}
}
.prose p{margin-bottom:16px;font-size:15.5px;color:var(--c-text-dim)}
.prose h2{font-size:24px;margin:38px 0 14px}
.prose h3{font-size:19px;margin:26px 0 10px;color:var(--c-green-top)}
.prose a{color:var(--c-green-top);text-decoration:underline;text-decoration-color:rgba(168,204,64,.4);text-underline-offset:3px}
.prose a.btn-cta,.cta-block a.btn-cta{color:#fff!important;text-decoration:none}
.prose ul{margin:0 0 16px 20px}
.prose li{margin-bottom:8px;font-size:15.5px;list-style:disc;color:var(--c-text-dim)}

.cta-block{text-align:center;margin:28px 0}
.btn-cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 32px;border-radius:10px;font-weight:700;font-size:14.5px;
  background:linear-gradient(180deg,var(--c-orange-top),var(--c-orange-bottom));
  color:#fff;box-shadow:0 3px 0 rgba(0,0,0,.22);
}

@keyframes gold-pulse{
  0%,100%{box-shadow:0 3px 0 rgba(0,0,0,.22),0 0 0 rgba(var(--c-gold-rgb),0)}
  50%{box-shadow:0 3px 0 rgba(0,0,0,.22),0 0 22px 6px rgba(var(--c-gold-rgb),.55)}
}
.btn-cta,.btn-cta-lg,.btn-register{animation:gold-pulse 2.2s ease-in-out infinite}

/* ============ 6 PAGE CARDS SHOWCASE ============ */
.pages-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
@media(max-width:900px){.pages-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pages-grid{grid-template-columns:1fr}}
.page-card{
  background:linear-gradient(160deg,var(--c-bg-card),rgba(22,58,19,.5));
  border:1px solid rgba(168,204,64,.15);
  border-radius:16px;padding:18px;
  transition:transform .2s,border-color .2s;
}
.page-card:hover{transform:translateY(-4px);border-color:rgba(168,204,64,.4)}
.page-card h3{font-size:17px;margin-bottom:8px}
.page-card p{font-size:14px;color:var(--c-text-muted);margin-bottom:12px}
.page-card .pc-link{font-size:13px;font-weight:700;color:var(--c-green-top)}

/* ============ NEWS FEED ============ */
.news-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.news-feed{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.news-feed{grid-template-columns:1fr}}
.news-card{
  background:var(--c-bg-card);border:1px solid rgba(168,204,64,.12);
  border-radius:14px;overflow:hidden;
}
.news-card .nc-body{padding:16px}
.news-card .nc-date{font-size:11px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.news-card h4{font-size:15px;color:var(--c-text);margin-bottom:8px;line-height:1.4}
.news-card p{font-size:13px;color:var(--c-text-muted)}

/* ============ SLOT REEL STRIP (imitation) ============ */
.reel-strip{
  overflow:hidden;border-radius:14px;border:1px solid rgba(168,204,64,.15);
  background:var(--c-bg-black);padding:16px 0;
}
.reel-track{display:flex;gap:14px;padding:0 16px}

/* full-bleed 12-tile ribbon, edge to edge */
.reel-full-sec{width:100%;background:var(--c-bg-black);border-top:1px solid rgba(168,204,64,.12);border-bottom:1px solid rgba(168,204,64,.12);padding:26px 0;overflow:hidden}
.reel-strip-full{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.reel-track-full{display:flex;gap:20px;width:max-content;animation:reel-scroll 34s linear infinite}
.reel-full-sec:hover .reel-track-full{animation-play-state:paused}
.reel-img{flex-shrink:0;height:150px;width:auto;border-radius:14px;display:block}
@keyframes reel-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(max-width:700px){
  .reel-img{height:110px}
}

/* ============ FEATURE GRID (icons) ============ */

/* ============ FOOTER ============ */
/* ============ PAYMENT METHODS STRIP ============ */
.pay-strip{padding:26px 0;background:var(--c-bg-mid);border-top:1px solid rgba(168,204,64,.12);border-bottom:1px solid rgba(168,204,64,.12);margin-top:40px}
.pay-img{max-width:100%;height:auto;display:block;margin:0 auto}

/* ============ FOOTER ============ */
.providers-strip{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:30px}
/* лента провайдеров: две картинки едут по кругу сами, без кнопок; на наведении пауза */
.ps-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ps-loop{display:flex;gap:16px;width:max-content;padding:4px 0;animation:ps-run 40s linear infinite}
.providers-strip:hover .ps-loop{animation-play-state:paused}
@keyframes ps-run{to{transform:translateX(calc(-50% - 8px))}}
.ps-strip-img{height:64px;width:auto;flex-shrink:0;border-radius:10px}
@media (prefers-reduced-motion:reduce){.ps-viewport{overflow-x:auto}.ps-loop{animation:none}}

.foot-apps{display:flex;flex-direction:column;gap:10px}
.foot-apps h4{font-family:'Cormorant SC',Georgia,serif;font-size:13px;color:var(--c-green-top);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}
.app-btn{
  display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;
  border:1px solid rgba(168,204,64,.25);color:var(--c-text-dim);font-size:12.5px;font-weight:600;
}
.app-btn svg{width:20px;height:20px;flex-shrink:0}
.app-btn:hover{border-color:rgba(168,204,64,.5);color:var(--c-text)}

.site-foot{background:var(--c-bg-black);padding:0 0 26px}
.foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:30px}
@media(max-width:800px){.foot-in{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.foot-in{grid-template-columns:1fr}}
.foot-brand p{font-size:12.5px;color:var(--c-text-muted);margin-top:12px;line-height:1.6}
.foot-logo{height:64px;width:auto}
.foot-col h4{font-family:'Cormorant SC',Georgia,serif;font-size:13px;color:var(--c-green-top);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px}
.foot-col li{margin-bottom:9px}
.foot-col a{font-size:13.5px;color:var(--c-text-muted);transition:color .2s}
.foot-col a:hover{color:var(--c-green-top)}
.foot-legal{max-width:1200px;margin:0 auto;padding:20px 20px 0;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--c-text-muted);text-align:center}

/* ============ FAQ ============ */
.faq-item{border:1px solid rgba(168,204,64,.18);border-radius:12px;margin-bottom:12px;background:rgba(22,58,19,.4);overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none;padding:18px 46px 18px 22px;font-family:'Cormorant SC',Georgia,serif;font-size:16px;color:var(--c-text);position:relative;font-weight:600}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--c-green-top);transition:transform .25s ease}
.faq-item[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-item p{padding:0 22px 18px;margin:0;color:var(--c-text-dim);font-size:14.5px}

/* ============ STICKY BOTTOM BONUS BAR (all pages) ============ */
body{padding-bottom:66px}
.sticky-bottom-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:150;
  background:rgba(8,24,5,.97);
  border-top:1px solid rgba(168,204,64,.2);
  backdrop-filter:blur(6px);
  padding:12px 20px;
  display:flex;align-items:center;justify-content:center;gap:28px;
}
.sbb-left{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--c-text);font-size:14px}
.sbb-left svg{width:22px;height:22px;flex-shrink:0;color:var(--c-gold);stroke:var(--c-gold)}
.sbb-left .highlight{color:var(--c-gold)}
.sticky-bottom-bar .btn-register{padding:10px 22px;font-size:13px}
@media(max-width:480px){.sbb-left span.full-txt{display:none}}

/* ============ NEWS ARTICLE: маленькая картинка-иллюстрация, не на весь экран ============ */
.news-featured-img{
  width:100%;max-width:520px;height:auto;
  border-radius:14px;display:block;margin:0 auto 28px;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
@media(max-width:600px){.news-featured-img{max-width:100%}}

/* ============ NEWS ARTICLE: оформленные шаги/уровни/последовательности ============ */
.news-steps{list-style:none;margin:20px 0;padding:0;counter-reset:step}
.news-steps li{
  counter-increment:step;
  display:flex;gap:14px;align-items:flex-start;
  padding:14px 16px;margin-bottom:10px;
  background:rgba(168,204,64,.06);border:1px solid rgba(168,204,64,.15);
  border-radius:12px;font-size:14.5px;color:var(--c-text-dim);
}
.news-steps li::before{
  content:counter(step);
  flex-shrink:0;width:28px;height:28px;border-radius:50%;
  background:linear-gradient(180deg,var(--c-green-top),var(--c-green-bottom));
  color:var(--c-btn-text);font-weight:800;font-size:13px;
  display:flex;align-items:center;justify-content:center;
}

/* placeholder page (stub) */

@media(max-width:700px){
  .head-in{padding:10px 12px;gap:8px}
  .btn-login-outline,.btn-register{padding:9px 14px;font-size:12.5px}
}
@media(max-width:400px){
  .btn-login-outline,.btn-register{padding:8px 10px;font-size:11.5px}
}

/* ============ ДОБАВЛЕНО 12.10.2026: заголовки с кириллицей, новые блоки статьи ============ */
html,body{background-color:var(--c-bg-base)}
h1,h2,h3{letter-spacing:.01em}
.prose h2{font-size:27px;line-height:1.2}
.sec-title{font-size:clamp(28px,4.4vw,38px);line-height:1.15}
.head-nav-link.is-now{color:var(--c-green-top);background:rgba(168,204,64,.1)}
.menu-item.is-now{background:rgba(168,204,64,.08)}
.menu-item.is-now .m-label{color:var(--c-green-top)}
button.btn-burger,button.menu-close{border-style:solid;font:inherit;color:inherit;padding:0}
button.menu-close{border:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--c-gold);outline-offset:3px}
.side-banner-link--2{margin-top:20px}
.page-top{text-align:center;padding-top:28px}
.crumbs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--c-text-muted);margin-bottom:14px}
.crumbs a{color:var(--c-text-dim);text-decoration:none}
.crumbs a:hover{color:var(--c-green-top)}
.page-top .sec-sub{margin-bottom:8px}
.note{margin:6px 0 22px;padding:16px 20px;border-radius:14px;border:1px solid rgba(240,193,75,.35);background:rgba(240,193,75,.07);color:var(--c-text);font-size:15px;line-height:1.55}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 24px}
.fact{padding:16px 12px;border-radius:14px;background:var(--c-bg-card);border:1px solid rgba(168,204,64,.2);text-align:center;transition:transform .25s,border-color .25s}
.fact:hover{transform:translateY(-3px);border-color:rgba(168,204,64,.5)}
.fact i{display:block;font-style:normal;font-size:26px;line-height:1;margin-bottom:8px;animation:fact-bob 3.4s ease-in-out infinite}
.fact:nth-child(2) i{animation-delay:.4s}.fact:nth-child(3) i{animation-delay:.8s}.fact:nth-child(4) i{animation-delay:1.2s}
.fact .fk{display:block;font-size:12px;color:var(--c-text-muted);margin-bottom:4px}
.fact .fv{display:block;font-family:'Cormorant SC',Georgia,serif;font-size:19px;color:var(--c-green-top);line-height:1.2}
@keyframes fact-bob{50%{transform:translateY(-4px)}}
@media(max-width:700px){.facts{grid-template-columns:repeat(2,1fr)}}
.table-wrap{overflow-x:auto;margin:8px 0 24px;border-radius:14px;border:1px solid rgba(168,204,64,.2)}
.lv{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.lv th{background:var(--c-bg-header);color:var(--c-green-top);text-align:left;padding:11px 14px;font-weight:600;white-space:nowrap}
.lv td{padding:10px 14px;color:var(--c-text-dim);border-top:1px solid rgba(255,255,255,.05)}
.lv tr:nth-child(even) td{background:rgba(22,58,19,.45)}
.lv td:first-child{color:var(--c-text);font-weight:500}
.news-intro{max-width:820px;margin:0 auto 28px}
.news-card h4 a{color:var(--c-text)}
.news-card h4 a:hover{color:var(--c-green-top)}
@media (prefers-reduced-motion:reduce){.fact i,.btn-cta,.btn-cta-lg,.btn-register{animation:none}}
/* колонка текста не растягивается шире экрана из-за таблицы (широкая таблица листается внутри своей рамки) */
.content-grid{grid-template-columns:minmax(0,1fr) 280px}
.main-col{min-width:0;width:100%}
@media(max-width:980px){.content-grid{grid-template-columns:minmax(0,1fr)}}
/* обложки-логотипы (новость без картинки): логотип вписывается целиком, а не обрезается; правило по адресу, работает и для новых статей бота */
.card-thumb[src$="logo.webp"],.news-featured-img[src$="logo.webp"]{object-fit:contain;padding:8% 10%;background:radial-gradient(ellipse at center,#1c451a 0%,#12300f 70%);border:1px solid rgba(168,204,64,.15);box-sizing:border-box}

/* ============ ВЕРХ СТРАНИЦЫ, 22.10.2026 (Ed): картина слева, текст справа, на картину ничего не накладывается ============ */
.btn-cta-lg,.btn-cta-outline{transition:transform .18s ease,filter .18s ease,background-color .18s ease,border-color .18s ease}
.btn-cta-lg:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn-cta-outline:hover{background:rgba(168,204,64,.1);border-color:rgba(168,204,64,.75)}
.btn-cta-lg:active,.btn-cta-outline:active{transform:translateY(1px);filter:brightness(.95)}
.mh{padding:34px 0 30px;position:relative}
.mh-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:52px;align-items:center}
.mh-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:380px}
/* свет за картиной: лежит под ней, не поверх */
.mh-art::before{content:"";position:absolute;inset:4% 2%;border-radius:50%;background:radial-gradient(closest-side,rgba(240,193,75,.16),rgba(168,204,64,.12) 45%,rgba(108,173,51,.05) 70%,transparent);z-index:0;pointer-events:none}
.mh-pic{position:relative;z-index:1;width:auto;height:auto;max-width:100%;max-height:430px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.5));animation:mh-rise .8s cubic-bezier(.16,1,.3,1) backwards}
.mh-pic--s{max-height:330px}
@keyframes mh-rise{from{opacity:0;transform:translateY(18px) scale(.97)}}
.mh-txt{min-width:0}
.mh-txt .crumbs{justify-content:flex-start;margin-bottom:12px}
.mh-txt h1{font-size:clamp(30px,3.5vw,46px);line-height:1.1;margin-bottom:18px;text-wrap:balance}
.mh-lead{font-size:17px;line-height:1.65;color:var(--c-text-dim);max-width:60ch;margin-bottom:28px}
.mh-lead a{color:var(--c-green-top);text-decoration:underline;text-underline-offset:3px}
.mh-cta{display:flex;gap:12px;flex-wrap:wrap}
/* веер плиток слотов (автоматы) */
.mh-fan{min-height:380px}
.mh-tile{position:absolute;left:50%;top:50%;z-index:var(--z);width:clamp(120px,12vw,172px);height:auto;border-radius:14px;
  box-shadow:0 16px 26px rgba(0,0,0,.5),0 0 0 1px rgba(240,193,75,.35);
  transform:translate(calc(-50% + var(--k) * 66%),calc(-50% + var(--y) * 1%)) rotate(var(--r));cursor:default;
  transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;animation:mh-fan .9s cubic-bezier(.16,1,.3,1) backwards}
.mh-tile:nth-child(2),.mh-tile:nth-child(4){animation-delay:.06s}.mh-tile:nth-child(1),.mh-tile:nth-child(5){animation-delay:.12s}
.mh-tile:hover{z-index:9;transform:translate(calc(-50% + var(--k) * 66%),calc(-50% + var(--y) * 1% - 16px)) rotate(0deg) scale(1.07);box-shadow:0 24px 34px rgba(0,0,0,.55),0 0 0 2px var(--c-gold)}
@keyframes mh-fan{from{opacity:0;transform:translate(-50%,-44%) rotate(0deg)}}
/* три слота фриспинов (бонусы): подпись под плиткой, не на ней */
.mh-fs{gap:14px;padding:10px 0}
.mh-fs-card{position:relative;z-index:1;flex:1 1 0;max-width:180px;margin:0;cursor:default;animation:mh-rise .8s cubic-bezier(.16,1,.3,1) backwards}
.mh-fs-card:nth-child(2){animation-delay:.08s}.mh-fs-card:nth-child(3){animation-delay:.16s}
.mh-fs-img{width:100%;height:auto;border-radius:14px;box-shadow:0 14px 24px rgba(0,0,0,.45),0 0 0 1px rgba(240,193,75,.35);transform:rotate(var(--r));transition:transform .35s cubic-bezier(.16,1,.3,1)}
.mh-fs-card:nth-child(2) .mh-fs-img{transform:translateY(-22px)}
.mh-fs-card:hover .mh-fs-img{transform:rotate(0deg) translateY(-10px)}
.mh-fs-card:nth-child(2):hover .mh-fs-img{transform:translateY(-32px)}
.mh-fs-card figcaption{text-align:center;margin-top:12px;line-height:1.25}
.mh-fs-card b{display:block;font-family:'Cormorant SC',Georgia,serif;font-size:30px;color:var(--c-gold)}
.mh-fs-card span{display:block;font-size:12.5px;color:var(--c-text-dim)}
/* панель показателей под героем */
.mh-panel{padding:0 0 6px}
.facts--hero{margin:0;gap:14px}
.facts--hero .fact{padding:20px 14px 18px;background:linear-gradient(180deg,rgba(28,69,26,.9),rgba(22,58,19,.9));box-shadow:0 10px 22px rgba(0,0,0,.22)}
.facts--hero .fact i{font-size:32px;margin-bottom:10px}
.facts--hero .fact .fk{font-size:12.5px;color:var(--c-text-dim)}
.facts--hero .fact .fv{font-size:23px;color:var(--c-gold)}
/* оглавление */
.toc{margin:0 0 30px;border:1px solid rgba(168,204,64,.22);border-radius:14px;background:rgba(22,58,19,.55)}
.toc summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;padding:15px 48px 15px 20px;font-family:'Cormorant SC',Georgia,serif;font-size:19px;font-weight:700;color:var(--c-text);position:relative;border-radius:14px;transition:background-color .2s}
.toc summary::-webkit-details-marker{display:none}
.toc summary span{font-family:'Roboto',Arial,sans-serif;font-size:12.5px;font-weight:500;color:var(--c-text-muted)}
.toc summary::after{content:'';position:absolute;right:22px;top:50%;width:9px;height:9px;border-right:2px solid var(--c-green-top);border-bottom:2px solid var(--c-green-top);transform:translateY(-70%) rotate(45deg);transition:transform .25s ease}
.toc[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.toc summary:hover{background:rgba(168,204,64,.07)}
.toc ol{margin:0;padding:4px 20px 18px 40px;columns:2;column-gap:36px}
.toc li{break-inside:avoid;margin:0 0 7px;font-size:14px;line-height:1.4;color:var(--c-text-muted)}
.prose .toc a{color:var(--c-text-dim);text-decoration:none}
.prose .toc a:hover{color:var(--c-green-top);text-decoration:underline}
.prose h2[id]{scroll-margin-top:96px}
::selection{background:rgba(240,193,75,.35);color:#fff}
@media(max-width:900px){
  .mh{padding:18px 0 22px}
  .mh-in{grid-template-columns:minmax(0,1fr);gap:18px}
  .mh-art{min-height:0}
  .mh-pic{max-height:250px}
  .mh-pic--s{max-height:220px}
  .mh-fan{min-height:230px}
  .mh-tile{width:clamp(96px,22vw,140px)}
  .mh-fs-card{max-width:132px}
  .mh-fs-card b{font-size:24px}
  .mh-txt{text-align:center}
  .mh-txt .crumbs{justify-content:center}
  .mh-lead{margin-left:auto;margin-right:auto;font-size:16px}
  .mh-cta{justify-content:center}
}
@media(max-width:640px){.toc ol{columns:1}}
@media(min-width:1100px){.mh-fs-card span{white-space:nowrap}}
@media(max-width:480px){.mh-cta a{flex:1 1 100%}.mh-fs{gap:8px}.mh-fs-card span{font-size:12px}}
@media (prefers-reduced-motion:reduce){.mh-pic,.mh-tile,.mh-fs-card{animation:none}.mh-tile,.mh-fs-img,.btn-cta-lg,.btn-cta-outline{transition:none}}
/* подсветка при наведении и нажатии у всех элементов управления (CLAUDE.md §9), 22.10.2026 */
.btn-burger,.menu-close{transition:background-color .18s ease,border-color .18s ease,transform .12s ease}
.btn-burger:hover{background:rgba(168,204,64,.12);border-color:rgba(168,204,64,.6)}
.menu-close:hover{background:rgba(168,204,64,.12)}
.btn-burger:active,.menu-close:active,.btn-register:active,.btn-login-outline:active,.app-btn:active{transform:translateY(1px);filter:brightness(.95)}
.faq-item summary{transition:background-color .18s ease}
.faq-item summary:hover{background:rgba(168,204,64,.07)}
.faq-item summary:active,.toc summary:active{background:rgba(168,204,64,.12)}