/* vodka.casino0049fs.buzz — «чернильный и сливочная база», префикс .cashbackbase- */

:root{
  --cbb-ink:#0b0e14;
  --cbb-ink-2:#11151e;
  --cbb-ink-3:#171d28;
  --cbb-line:#26303f;
  --cbb-line-soft:#1d2532;
  --cbb-cream:#f2e7d2;
  --cbb-cream-dim:#cbc0ac;
  --cbb-mute:#94a0b2;
  --cbb-accent:#e8c27a;
  --cbb-accent-2:#7fb7a6;
  --cbb-accent-3:#c98b6b;
  --cbb-shadow:0 18px 44px rgba(0,0,0,.52);
  --cbb-mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,"Liberation Mono",monospace;
  --cbb-serif:"Literata",Georgia,"Times New Roman",serif;
  --cbb-display:"Oranienbaum","Literata",Georgia,serif;
  --cbb-col:900px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--cbb-ink);
  color:var(--cbb-cream);
  font-family:var(--cbb-serif);
  font-size:17px;
  line-height:1.72;
  letter-spacing:.002em;
}
img,svg{max-width:100%}
a{color:var(--cbb-accent);text-decoration:none}
a:hover{text-decoration:underline}
p{margin:0 0 1.05em}

.cashbackbase-skip{
  position:absolute;left:-9999px;top:0;
  background:var(--cbb-accent);color:var(--cbb-ink);
  padding:10px 18px;z-index:99;font-family:var(--cbb-mono);font-size:13px;
}
.cashbackbase-skip:focus{left:8px;top:8px}

/* ---------- шапка ---------- */
.cashbackbase-bar{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:18px;
  padding:11px clamp(14px,4vw,34px);
  background:rgba(11,14,20,.93);
  border-bottom:1px solid var(--cbb-line);
  backdrop-filter:blur(9px);
}
.cashbackbase-logo{display:flex;align-items:center;gap:11px;color:var(--cbb-cream);text-decoration:none}
.cashbackbase-logo:hover{text-decoration:none}
.cashbackbase-logo svg{width:38px;height:38px;flex:0 0 38px}
.cashbackbase-logo__n{display:block;font-family:var(--cbb-display);font-size:22px;line-height:1.05;letter-spacing:.04em}
.cashbackbase-logo__s{display:block;font-family:var(--cbb-mono);font-size:10.5px;color:var(--cbb-mute);letter-spacing:.09em;text-transform:uppercase}
.cashbackbase-nav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}
.cashbackbase-nav a{
  font-family:var(--cbb-mono);font-size:12px;color:var(--cbb-cream-dim);
  letter-spacing:.06em;text-transform:uppercase;padding:5px 2px;border-bottom:1px solid transparent;
}
.cashbackbase-nav a:hover{color:var(--cbb-accent);border-bottom-color:var(--cbb-accent);text-decoration:none}
.cashbackbase-cta{
  flex:0 0 auto;
  padding:10px 20px;
  background:var(--cbb-accent);color:var(--cbb-ink);
  font-family:var(--cbb-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;
  border-radius:2px 12px 2px 12px;
}
.cashbackbase-cta:hover{background:#f3d79b;text-decoration:none}

/* ---------- каркас ---------- */
.cashbackbase-wrap{max-width:var(--cbb-col);margin:0 auto;padding:0 clamp(14px,4vw,28px) 60px}
main{display:block}

.cashbackbase-mark{
  display:block;margin:0 0 6px;
  font-family:var(--cbb-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--cbb-accent-2);
}
h1,h2,h3{font-family:var(--cbb-display);font-weight:400;letter-spacing:.01em}
h1{font-size:clamp(31px,5vw,47px);line-height:1.13;margin:0 0 18px}
h2{font-size:clamp(24px,3.4vw,33px);line-height:1.2;margin:0 0 14px}
h3{font-size:clamp(19px,2.4vw,23px);line-height:1.28;margin:26px 0 9px;color:var(--cbb-cream)}

section{
  padding:40px 0 34px;
  border-top:1px solid var(--cbb-line-soft);
}
.cashbackbase-lead{color:var(--cbb-cream-dim);font-size:17.5px;margin-bottom:20px}

/* ---------- hero ---------- */
.cashbackbase-hero{padding:52px 0 40px;border-top:0}
.cashbackbase-hero__lead{font-size:19px;color:var(--cbb-cream-dim);max-width:72ch;margin-bottom:24px}
.cashbackbase-btns{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:26px}
.cashbackbase-b1,.cashbackbase-b2{
  padding:13px 26px;font-family:var(--cbb-mono);font-size:13px;letter-spacing:.07em;text-transform:uppercase;
  border-radius:2px 14px 2px 14px;
}
.cashbackbase-b1{background:var(--cbb-accent);color:var(--cbb-ink);border:1px solid var(--cbb-accent)}
.cashbackbase-b1:hover{background:#f5dca6;text-decoration:none}
.cashbackbase-b2{background:transparent;color:var(--cbb-cream);border:1px solid var(--cbb-line)}
.cashbackbase-b2:hover{border-color:var(--cbb-accent-2);color:var(--cbb-accent-2);text-decoration:none}

.cashbackbase-quick{display:flex;flex-wrap:wrap;gap:0;margin:0 0 26px;border-top:1px solid var(--cbb-line-soft)}
.cashbackbase-quick a{
  flex:1 1 210px;padding:13px 14px;border-bottom:1px solid var(--cbb-line-soft);
  border-right:1px solid var(--cbb-line-soft);color:var(--cbb-cream);
}
.cashbackbase-quick a:last-child{border-right:0}
.cashbackbase-quick a:hover{background:var(--cbb-ink-2);text-decoration:none}
.cashbackbase-quick b,.cashbackbase-quick span{display:block}
.cashbackbase-quick__t{font-family:var(--cbb-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--cbb-accent-2)}
.cashbackbase-quick__v{font-size:15.5px;color:var(--cbb-cream)}

.cashbackbase-kpi{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:var(--cbb-line-soft);border:1px solid var(--cbb-line-soft);
}
.cashbackbase-kpi div{background:var(--cbb-ink-2);padding:15px 13px}
.cashbackbase-kpi .cashbackbase-kpi__n{
  display:block;font-family:var(--cbb-display);font-size:26px;line-height:1.1;color:var(--cbb-accent);
}
.cashbackbase-kpi .cashbackbase-kpi__l{
  display:block;font-family:var(--cbb-mono);font-size:10.5px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--cbb-mute);margin-top:5px;
}

/* ---------- списки определений ---------- */
.cashbackbase-dl{
  display:grid;grid-template-columns:240px 1fr;
  gap:0;margin:0 0 6px;border-top:1px solid var(--cbb-line-soft);
}
.cashbackbase-dl dt{
  padding:13px 16px 13px 0;border-bottom:1px solid var(--cbb-line-soft);
  font-family:var(--cbb-mono);font-size:12.5px;letter-spacing:.045em;
  color:var(--cbb-accent);text-transform:uppercase;line-height:1.5;
}
.cashbackbase-dl dd{
  margin:0;padding:13px 0 13px 18px;border-bottom:1px solid var(--cbb-line-soft);
  border-left:1px solid var(--cbb-line-soft);color:var(--cbb-cream);
}
.cashbackbase-dl--acc dt{color:var(--cbb-accent-3)}
.cashbackbase-dl--acc dd{background:var(--cbb-ink-2)}
.cashbackbase-dl--tight dd{font-size:16px;color:var(--cbb-cream-dim)}
.cashbackbase-num{font-family:var(--cbb-mono);color:var(--cbb-accent-2);font-size:.94em}
.cashbackbase-hl{color:var(--cbb-accent);font-style:normal}

/* ---------- SVG-шкала ---------- */
.cashbackbase-figure{
  margin:24px 0 8px;padding:18px 16px 10px;
  background:var(--cbb-ink-2);border:1px solid var(--cbb-line-soft);
  border-radius:2px 20px 2px 20px;overflow-x:auto;
}
.cashbackbase-figure figcaption{
  font-family:var(--cbb-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--cbb-mute);margin-top:8px;
}

/* ---------- полоса CTA ---------- */
.cashbackbase-strip{
  margin:28px 0 4px;padding:22px 24px;
  background:linear-gradient(115deg,var(--cbb-ink-3),var(--cbb-ink-2));
  border:1px solid var(--cbb-line);border-radius:2px 24px 2px 24px;
  display:flex;gap:18px;align-items:center;flex-wrap:wrap;
}
.cashbackbase-strip p{margin:0;flex:1 1 320px;color:var(--cbb-cream-dim)}

/* ---------- цитаты ---------- */
.cashbackbase-quote{
  margin:0 0 22px;padding:0 0 0 20px;border-left:2px solid var(--cbb-accent-3);
}
.cashbackbase-quote p{margin:0 0 7px;font-size:17px}
.cashbackbase-quote cite{
  font-style:normal;font-family:var(--cbb-mono);font-size:11.5px;letter-spacing:.07em;
  color:var(--cbb-mute);text-transform:uppercase;
}
.cashbackbase-stars{color:var(--cbb-accent);letter-spacing:.14em;font-size:13px}

/* ---------- FAQ ---------- */
.cashbackbase-faq details{
  border-bottom:1px solid var(--cbb-line-soft);padding:2px 0;
}
.cashbackbase-faq summary{
  cursor:pointer;padding:13px 30px 13px 0;position:relative;
  font-family:var(--cbb-display);font-size:19px;line-height:1.35;color:var(--cbb-cream);
  list-style:none;
}
.cashbackbase-faq summary::-webkit-details-marker{display:none}
.cashbackbase-faq summary::after{
  content:"+";position:absolute;right:4px;top:12px;
  font-family:var(--cbb-mono);color:var(--cbb-accent);font-size:19px;
}
.cashbackbase-faq details[open] summary::after{content:"−"}
.cashbackbase-faq details[open] summary{color:var(--cbb-accent)}
.cashbackbase-faq p{margin:0 0 15px;color:var(--cbb-cream-dim);padding-right:30px}

/* ---------- автор ---------- */
.cashbackbase-auth{
  background:var(--cbb-ink-2);border:1px solid var(--cbb-line-soft);
  border-radius:2px 24px 2px 24px;padding:26px clamp(16px,3vw,30px);
}
.cashbackbase-auth p:last-child{margin-bottom:0}
.cashbackbase-sig{font-family:var(--cbb-mono);font-size:11.5px;letter-spacing:.08em;color:var(--cbb-mute);text-transform:uppercase}

/* ---------- подвал ---------- */
.cashbackbase-foot{
  border-top:1px solid var(--cbb-line);
  background:var(--cbb-ink-2);
  padding:34px clamp(14px,4vw,34px) 44px;
  color:var(--cbb-mute);font-size:14.5px;line-height:1.7;
}
.cashbackbase-foot__in{max-width:var(--cbb-col);margin:0 auto}
.cashbackbase-foot p{margin:0 0 10px}
.cashbackbase-age{
  display:inline-block;border:1px solid var(--cbb-accent-3);color:var(--cbb-accent-3);
  padding:2px 9px;font-family:var(--cbb-mono);font-size:12px;border-radius:2px 9px 2px 9px;
}

/* ---------- адаптив ---------- */
@media (max-width:1000px){
  .cashbackbase-kpi{grid-template-columns:repeat(3,1fr)}
  .cashbackbase-dl{grid-template-columns:200px 1fr}
  .cashbackbase-nav{gap:12px}
  .cashbackbase-nav a{font-size:11px}
}
@media (max-width:760px){
  body{font-size:16.5px}
  .cashbackbase-bar{flex-wrap:wrap;gap:10px}
  .cashbackbase-nav{order:3;width:100%;margin-left:0}
  .cashbackbase-cta{margin-left:auto}
  .cashbackbase-kpi{grid-template-columns:repeat(2,1fr)}
  .cashbackbase-dl{grid-template-columns:1fr;border-top:0}
  .cashbackbase-dl dt{
    padding:12px 0 2px;border-bottom:0;border-top:1px solid var(--cbb-line-soft);
  }
  .cashbackbase-dl dd{padding:0 0 13px;border-left:0}
  .cashbackbase-quick a{flex:1 1 100%;border-right:0}
  .cashbackbase-strip{padding:18px}
  section{padding:32px 0 28px}
}

/* ---------- состояния фокуса и выделение ---------- */
a:focus-visible,summary:focus-visible{
  outline:2px solid var(--cbb-accent-2);
  outline-offset:3px;
  border-radius:2px;
}
::selection{background:var(--cbb-accent);color:var(--cbb-ink)}
.cashbackbase-bar a:focus-visible{outline-offset:5px}

/* ---------- типографские детали ---------- */
.cashbackbase-lead::first-letter{color:var(--cbb-accent)}
h2::after{
  content:"";display:block;width:54px;height:2px;margin-top:11px;
  background:linear-gradient(90deg,var(--cbb-accent),transparent);
}
h3::before{
  content:"·";color:var(--cbb-accent-3);margin-right:8px;font-family:var(--cbb-mono);
}
.cashbackbase-hero h1::after{
  content:"";display:block;width:112px;height:3px;margin-top:20px;
  background:linear-gradient(90deg,var(--cbb-accent),var(--cbb-accent-2));
}
.cashbackbase-num{white-space:nowrap}
.cashbackbase-dl dd em{font-style:normal;color:var(--cbb-accent-2)}

/* ---------- ритм списков определений ---------- */
.cashbackbase-dl dt:first-of-type,
.cashbackbase-dl dd:first-of-type{padding-top:16px}
.cashbackbase-dl dd:last-of-type,
.cashbackbase-dl dt:last-of-type{border-bottom:0;padding-bottom:18px}
.cashbackbase-dl--acc{border-top-color:var(--cbb-line)}
.cashbackbase-dl--acc dd{padding-left:20px}
.cashbackbase-dl--tight dt{font-size:12px;letter-spacing:.03em}

/* ---------- полоса быстрых действий ---------- */
.cashbackbase-quick a{transition:background .18s ease,border-color .18s ease}
.cashbackbase-quick a:hover .cashbackbase-quick__t{color:var(--cbb-accent)}
.cashbackbase-quick a:active{background:var(--cbb-ink-3)}

/* ---------- KPI ---------- */
.cashbackbase-kpi div:hover{background:var(--cbb-ink-3)}
.cashbackbase-kpi div:first-child .cashbackbase-kpi__n{color:var(--cbb-accent-2)}

/* ---------- цитаты ---------- */
.cashbackbase-quote:nth-child(even){border-left-color:var(--cbb-accent-2)}
.cashbackbase-quote p::before{content:"";}
.cashbackbase-quote cite::before{content:"— ";color:var(--cbb-accent-3)}

/* ---------- FAQ ---------- */
.cashbackbase-faq details:first-of-type{border-top:1px solid var(--cbb-line-soft)}
.cashbackbase-faq summary:hover{color:var(--cbb-accent)}
.cashbackbase-faq details[open]{background:linear-gradient(180deg,var(--cbb-ink-2),transparent)}

/* ---------- фигура ---------- */
.cashbackbase-figure svg{display:block;min-width:600px}
.cashbackbase-figure::-webkit-scrollbar{height:8px}
.cashbackbase-figure::-webkit-scrollbar-track{background:var(--cbb-ink)}
.cashbackbase-figure::-webkit-scrollbar-thumb{background:var(--cbb-line);border-radius:4px}

/* ---------- автор и подвал ---------- */
.cashbackbase-auth p:first-child{color:var(--cbb-cream)}
.cashbackbase-auth p{color:var(--cbb-cream-dim)}
.cashbackbase-foot a{color:var(--cbb-accent-2)}
.cashbackbase-foot p:first-child{color:var(--cbb-cream-dim)}

/* ---------- спокойная анимация ---------- */
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;scroll-behavior:auto !important}
}
html{scroll-behavior:smooth}
:target{scroll-margin-top:96px}

/* ---------- узкие экраны, тонкая настройка ---------- */
@media (max-width:1000px){
  .cashbackbase-hero{padding:40px 0 32px}
  .cashbackbase-figure svg{min-width:560px}
  h2::after{width:44px}
  .cashbackbase-strip{padding:20px}
}
@media (max-width:760px){
  .cashbackbase-logo__s{display:none}
  .cashbackbase-kpi .cashbackbase-kpi__n{font-size:23px}
  .cashbackbase-faq summary{font-size:17.5px;padding-right:26px}
  .cashbackbase-faq p{padding-right:0}
  .cashbackbase-quote{padding-left:14px}
  .cashbackbase-figure{padding:14px 12px 8px}
  .cashbackbase-hero h1::after{width:80px;margin-top:16px}
  .cashbackbase-dl dt:first-of-type{padding-top:12px}
}
@media (max-width:420px){
  .cashbackbase-kpi{grid-template-columns:1fr}
  .cashbackbase-btns a{flex:1 1 100%;text-align:center}
}

/* ---------- печать ---------- */
@media print{
  .cashbackbase-bar,.cashbackbase-btns,.cashbackbase-quick,.cashbackbase-strip,.cashbackbase-skip{display:none}
  body{background:#fff;color:#111}
  .cashbackbase-dl dd,.cashbackbase-dl dt{color:#111;border-color:#bbb}
  .cashbackbase-foot{background:#fff;color:#333}
  .cashbackbase-faq details{border-color:#bbb}
}