/* Кейсер — thecaser.lol
   Стили восстановлены по разметке из Яндекс-кэша: оригинальный style.css не сохранился
   ни в кэше, ни в архивах, поэтому оформление собрано заново под существующие классы.
   Опорные точки взяты из самой разметки: theme-color #070B12, шрифты Sora + Inter,
   оранжевый градиент #FFB04A -> #FF8A00 (SVG-градиент кольца) и переменные
   --rar-* / --accent-purple / --accent-orange, на которые ссылаются inline-стили. */

/* ---------- токены ---------- */
:root{
  --bg:#070B12;
  --bg-2:#0A101B;
  --panel:rgba(255,255,255,.035);
  --panel-2:rgba(255,255,255,.055);
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --txt:#E8EDF5;
  --txt-2:#9AA7BD;
  --txt-3:#6B7A93;

  --accent-orange:#FF8A00;
  --accent-orange-2:#FFB04A;
  --accent-purple:#A855F7;
  --accent-green:#31D583;
  --accent-red:#F2554B;

  /* редкости CS2 */
  --rar-blue:#4B69FF;
  --rar-purple:#8847FF;
  --rar-pink:#D32CE6;
  --rar-red:#EB4B4B;
  --rar-gold:#E4AE39;

  --r-sm:10px;
  --r-md:14px;
  --r-lg:20px;
  --wrap:1320px;
  --sh:0 18px 40px rgba(0,0,0,.45);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--txt);
  font:400 15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  min-width:320px;overflow-x:hidden;
}
h1,h2,h3,h4{font-family:Sora,Inter,system-ui,sans-serif;font-weight:700;margin:0;line-height:1.25}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
::selection{background:rgba(255,138,0,.3)}

.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}

/* фоновая подсветка */
.bg{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(680px 420px at 12% -6%,rgba(255,138,0,.16),transparent 62%),
    radial-gradient(720px 480px at 88% 2%,rgba(168,85,247,.15),transparent 64%),
    radial-gradient(900px 600px at 50% 108%,rgba(75,105,255,.10),transparent 60%),
    linear-gradient(180deg,#070B12 0%,#080D16 45%,#070B12 100%);
}

.glass{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* ---------- кнопки ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:42px;padding:0 18px;border-radius:12px;
  font-weight:600;font-size:14px;white-space:nowrap;
  transition:transform .12s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease;
}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn-orange{
  background:linear-gradient(135deg,var(--accent-orange-2),var(--accent-orange));
  color:#170A00;box-shadow:0 8px 22px rgba(255,138,0,.28);
}
.btn-orange:not([disabled]):hover{box-shadow:0 10px 28px rgba(255,138,0,.42)}
.btn-ghost{background:var(--panel-2);border:1px solid var(--line-2);color:var(--txt)}
.btn-ghost:hover{background:rgba(255,255,255,.09)}
.btn-steam{background:var(--panel-2);border:1px solid var(--line-2)}
.btn-steam:hover{border-color:rgba(255,138,0,.5);color:#fff}

/* ---------- шапка ---------- */
.hdr{
  position:sticky;top:0;z-index:60;
  background:rgba(7,11,18,.78);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.hdr .wrap{display:flex;align-items:center;gap:22px;height:66px}
.brand img{height:28px;width:auto}
.hnav{display:flex;align-items:center;gap:6px;margin-left:6px}
.hnav a{
  display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;
  border-radius:10px;color:var(--txt-2);font-weight:600;font-size:14px;
  transition:color .15s,background .15s;
}
.hnav a:hover{color:var(--txt);background:var(--panel)}
.hnav a.active{color:#fff;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.hright{display:flex;align-items:center;gap:10px;margin-left:auto}
.lang{
  display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 12px;
  border-radius:12px;border:1px solid var(--line);background:var(--panel);
  color:var(--txt-2);font-weight:600;font-size:13px;
}
.lang:hover{color:var(--txt)}
.burger{display:none;font-size:20px;line-height:1;color:var(--txt);padding:8px 10px;border-radius:10px;border:1px solid var(--line)}
.hdr-mnav{display:none;flex-direction:column;background:var(--bg-2);border-bottom:1px solid var(--line)}
.hdr-mnav a{padding:13px 22px;color:var(--txt-2);font-weight:600;border-top:1px solid var(--line)}
.hdr-mnav a.active{color:#fff}
.hdr-mnav.on{display:flex}

/* ---------- каркас ---------- */
.shell{display:grid;grid-template-columns:264px minmax(0,1fr);gap:22px;padding:22px 0 40px;align-items:start}
.main{min-width:0;display:flex;flex-direction:column;gap:22px}

/* ---------- сайдбар ---------- */
.side{position:sticky;top:88px;padding:14px;display:flex;flex-direction:column;gap:14px}
.promo{
  position:relative;overflow:hidden;border-radius:var(--r-md);padding:14px;
  background:linear-gradient(135deg,rgba(255,138,0,.22),rgba(168,85,247,.18));
  border:1px solid rgba(255,138,0,.22);min-height:96px;
}
.promo h4{font-size:14px;max-width:60%}
.promo h4 span{display:block;color:var(--accent-orange-2);font-size:12px;font-weight:600;margin-top:4px}
.promo img{position:absolute;right:-10px;bottom:-6px;width:112px;transform:rotate(-8deg);filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.bal{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line)}
.bal .v{display:flex;align-items:center;gap:9px;font-family:Sora,sans-serif;font-weight:700;font-size:17px}
.bal .v img{width:19px;height:19px}
.bal .v small{display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:var(--txt-3)}
.bal .on{font-size:11px;color:var(--txt-3);text-align:right;line-height:1.35}
.bal .on b{display:block;color:var(--accent-green);font-size:13px}
.cats{display:flex;gap:8px}
.cats button{
  flex:1;height:38px;border-radius:11px;border:1px solid var(--line);
  background:var(--panel);color:var(--txt-3);
  display:flex;align-items:center;justify-content:center;transition:.15s;
}
.cats button:hover{color:var(--txt)}
.cats button.on{background:rgba(255,138,0,.14);border-color:rgba(255,138,0,.4);color:var(--accent-orange-2)}
.qlist{display:flex;flex-direction:column;gap:7px;max-height:min(52vh,420px);overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
.qlist::-webkit-scrollbar{width:6px}
.qlist::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}
.qitem{display:flex;align-items:center;gap:10px;padding:7px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:.15s}
.qitem:hover{background:var(--panel);border-color:var(--line)}
.qitem.active{background:rgba(255,138,0,.1);border-color:rgba(255,138,0,.4)}
.thumb{
  position:relative;flex:0 0 46px;width:46px;height:38px;border-radius:9px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;
}
.thumb::before{
  content:"";position:absolute;left:50%;top:110%;width:130%;aspect-ratio:1;transform:translate(-50%,-50%);
  background:radial-gradient(circle,var(--rar,var(--rar-blue)),transparent 66%);opacity:.38;
}
.thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--rar,var(--rar-blue))}
.thumb img{position:relative;width:88%;height:auto;object-fit:contain}
.qitem .nm{font-size:12.5px;font-weight:600;line-height:1.2}
.qitem .sk{font-size:11px;color:var(--txt-3);line-height:1.25}
.qsoc{display:flex;gap:8px;justify-content:center;padding-top:2px}
.qsoc a{width:38px;height:34px;border-radius:10px;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center;color:var(--txt-3);transition:.15s}
.qsoc a:hover{color:var(--accent-orange-2);border-color:rgba(255,138,0,.4)}

/* ---------- апгрейд ---------- */
.upgrade{display:grid;grid-template-columns:1fr 340px 1fr;gap:18px;align-items:start}
.upcard{padding:16px;display:flex;flex-direction:column;gap:14px;min-height:330px}
.uphead h3{font-size:15px}
.uphead p{margin:4px 0 0;font-size:12.5px;color:var(--txt-3)}
.dropzone{
  flex:1;min-height:170px;border-radius:var(--r-md);
  border:1.5px dashed var(--line-2);background:rgba(255,255,255,.02);
  display:grid;place-items:center;padding:14px;transition:.18s;
}
.dropzone.filled{border-style:solid;border-color:rgba(255,138,0,.35);background:rgba(255,138,0,.05)}
.dropzone .ph{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--txt-3);text-align:center;font-size:12.5px;line-height:1.5}
.dropzone .picked{display:flex;flex-wrap:wrap;gap:8px;width:100%;justify-content:center}
.dropzone .pick{position:relative;width:96px;padding:8px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line);text-align:center}
.dropzone .pick img{width:100%;height:52px;object-fit:contain;margin-bottom:6px}
.dropzone .pick b{display:block;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dropzone .pick span{font-size:11px;color:var(--accent-orange-2)}
.usebal{border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);padding:11px 12px}
.usebal .top{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--txt-2);font-weight:600}
.usebal .top img{width:17px}
.usebal .row{display:flex;align-items:center;gap:12px;margin-top:9px}
.usebal .amt{font-size:12.5px;font-weight:600;white-space:nowrap}
.usebal .amt .max{color:var(--txt-3);font-weight:500}
input[type=range]{
  -webkit-appearance:none;appearance:none;flex:1;height:5px;border-radius:4px;
  background:linear-gradient(90deg,var(--accent-orange) var(--fill,0%),rgba(255,255,255,.1) var(--fill,0%));
  outline:none;
}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5);cursor:pointer}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#fff;cursor:pointer}

.upcenter{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:6px}
.chance{text-align:center}
.chance .lbl{font-size:12px;color:var(--txt-3);letter-spacing:.02em}
.chance .v{font-family:Sora,sans-serif;font-weight:800;font-size:30px;color:var(--accent-orange-2);line-height:1.2}
.dial{position:relative;width:280px;max-width:78vw;aspect-ratio:1}
.dial svg{width:100%;height:100%;transform:rotate(-90deg)}
.dial .track{fill:none;stroke:rgba(255,255,255,.07);stroke-width:14}
.dial .prog{
  fill:none;stroke:url(#og);stroke-width:14;stroke-linecap:round;
  stroke-dasharray:760.3;stroke-dashoffset:760.3;
  transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1);
}
.dial .glow{position:absolute;inset:26px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,0,.16),transparent 68%)}
.dial .core{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.dial .core img{width:74px;opacity:.92}
.dial .needle{
  position:absolute;left:50%;top:50%;width:3px;height:44%;
  margin-left:-1.5px;transform-origin:50% 100%;transform:translateY(-100%) rotate(0deg);
  background:linear-gradient(180deg,#fff,rgba(255,255,255,.25));border-radius:3px;
  box-shadow:0 0 12px rgba(255,255,255,.55);
}
.dial.spin .needle{transition:transform 3.4s cubic-bezier(.15,.85,.2,1)}
.dial.win .prog{stroke:var(--accent-green)}
.dial.lose .prog{stroke:var(--accent-red)}
.mults{display:flex;gap:8px}
.mults button{
  min-width:58px;height:36px;padding:0 12px;border-radius:11px;
  border:1px solid var(--line);background:var(--panel);
  color:var(--txt-2);font-weight:600;font-size:13px;transition:.15s;
}
.mults button:hover{color:var(--txt)}
.mults button.on{background:rgba(255,138,0,.15);border-color:rgba(255,138,0,.45);color:var(--accent-orange-2)}
.upbtn{width:100%;max-width:280px;height:48px;font-size:15px}
.qperc{display:flex;gap:7px}
.qperc button{
  flex:1;height:34px;border-radius:10px;border:1px solid var(--line);
  background:var(--panel);color:var(--txt-3);font-weight:600;font-size:12.5px;transition:.15s;
}
.qperc button:hover{color:var(--txt)}
.qperc button.on{background:rgba(168,85,247,.15);border-color:rgba(168,85,247,.45);color:#C79BFF}

/* ---------- панели и сетки ---------- */
.panel{padding:16px}
.panel-h{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.panel-h h3{display:flex;align-items:center;gap:9px;font-size:15px}
.refresh{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);color:var(--txt-3);display:grid;place-items:center;transition:.15s}
.refresh:hover{color:var(--accent-orange-2);border-color:rgba(255,138,0,.4)}
.refresh.spin svg{animation:sp .7s linear}
@keyframes sp{to{transform:rotate(360deg)}}
.tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:11px;background:var(--panel);border:1px solid var(--line);color:var(--txt-3)}
.search input{background:none;border:0;outline:none;width:180px;font-size:13px}
.search input::placeholder{color:var(--txt-3)}
.selbox,.iconbtn{
  display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;
  border-radius:11px;background:var(--panel);border:1px solid var(--line);
  color:var(--txt-2);font-size:13px;font-weight:600;transition:.15s;
}
.iconbtn{padding:0 10px}
.selbox:hover,.iconbtn:hover{color:var(--txt);border-color:var(--line-2)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:11px}
.card{
  position:relative;display:flex;flex-direction:column;align-items:center;
  padding:30px 10px 12px;border-radius:var(--r-md);text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border:1px solid var(--line);overflow:hidden;transition:.16s;
}
.card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--rc,var(--rar-blue))}
.card::after{
  content:"";position:absolute;left:50%;top:46%;width:112%;aspect-ratio:1;transform:translate(-50%,-50%);
  background:radial-gradient(circle,var(--rc,var(--rar-blue)),transparent 62%);opacity:.22;
  pointer-events:none;
}
.card:hover{transform:translateY(-2px);border-color:var(--line-2)}
.card.active{border-color:rgba(255,138,0,.6);box-shadow:0 0 0 1px rgba(255,138,0,.35),0 10px 26px rgba(255,138,0,.14)}
.card .price{position:absolute;left:9px;top:9px;z-index:1;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--txt)}
.card .price img{width:13px}
.card .wear{position:absolute;right:9px;top:9px;z-index:1;font-size:10.5px;font-weight:600;color:var(--txt-3);letter-spacing:.03em}
.card .sk{position:relative;width:100%;height:74px;object-fit:contain;margin:4px 0 10px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}
.card .nm{position:relative;font-size:12.5px;font-weight:700;line-height:1.2}
.card .sub{position:relative;font-size:11.5px;color:var(--txt-3);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.card.hide{display:none}
.r-blue{--rc:var(--rar-blue)}
.r-purple{--rc:var(--rar-purple)}
.r-pink{--rc:var(--rar-pink)}
.r-red{--rc:var(--rar-red)}
.r-gold{--rc:var(--rar-gold)}
.pager{display:flex;gap:7px;justify-content:center;margin-top:16px}
.pager button{
  min-width:34px;height:34px;padding:0 10px;border-radius:10px;
  border:1px solid var(--line);background:var(--panel);
  color:var(--txt-2);font-size:13px;font-weight:600;
  display:inline-flex;align-items:center;justify-content:center;transition:.15s;
}
.pager button:hover{color:var(--txt)}
.pager button.on{background:rgba(255,138,0,.15);border-color:rgba(255,138,0,.45);color:var(--accent-orange-2)}
.dots{color:var(--txt-3);align-self:center;padding:0 2px}

/* ---------- заголовки секций, инвентарь, награды ---------- */
.phead{margin-bottom:16px}
.phead h1,.phead h2{font-size:23px;margin:8px 0 6px}
.phead p{margin:0;color:var(--txt-2);font-size:14px;max-width:74ch}
.eye{
  display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent-orange-2);background:rgba(255,138,0,.12);
  border:1px solid rgba(255,138,0,.25);border-radius:999px;padding:4px 11px;
}
.invsum{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 4px}
.chip{
  display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;
  background:var(--panel);border:1px solid var(--line);font-size:13px;color:var(--txt-2);
}
.chip b{color:var(--txt);font-family:Sora,sans-serif}
.rewards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.rwd{padding:18px;display:flex;flex-direction:column;gap:9px;position:relative;overflow:hidden}
.rwd .ic{
  width:44px;height:44px;border-radius:13px;display:grid;place-items:center;
  background:rgba(255,138,0,.12);color:var(--accent-orange-2);margin-bottom:2px;
}
.rwd.b .ic{background:rgba(75,105,255,.12);color:#7D93FF}
.rwd.p .ic{background:rgba(168,85,247,.12);color:var(--accent-purple)}
.rwd h3{font-size:16px}
.rwd p{margin:0;font-size:13.5px;color:var(--txt-2);line-height:1.55}
.rwd .tag{
  align-self:flex-start;margin-top:2px;font-size:11px;font-weight:700;letter-spacing:.04em;
  padding:4px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line-2);color:var(--txt-2);
}
.rwd.premium{border-color:rgba(255,138,0,.3)}
.numf{font-family:Sora,sans-serif;font-weight:800}

/* ---------- SEO-блок ---------- */
.seo{padding:22px}
.seo h2{font-size:22px;margin:10px 0 10px}
.seo h3{font-size:16px;margin:18px 0 8px}
.seo p{color:var(--txt-2);font-size:14.5px;line-height:1.7;margin:0 0 10px}
.seo strong{color:var(--txt)}
.seo ul{margin:8px 0 0;padding-left:18px;color:var(--txt-2);font-size:14px;line-height:1.75}
.seo .cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:6px}
.seo-faq{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.seo-faq details{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);padding:12px 14px}
.seo-faq summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary::after{content:"+";float:right;color:var(--accent-orange-2);font-weight:700}
.seo-faq details[open] summary::after{content:"\2013"}
.seo-faq p{margin:9px 0 0;font-size:13.5px}

/* ---------- подвал ---------- */
.ftr{border-top:1px solid var(--line);background:rgba(8,12,20,.72);margin-top:12px}
.ftr>.wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.6fr;gap:28px;padding-top:34px;padding-bottom:22px}
.fbrand img{height:28px;margin-bottom:12px}
.fbrand p{margin:0;color:var(--txt-3);font-size:13px;line-height:1.6;max-width:34ch}
.fcol{display:flex;flex-direction:column;gap:9px}
.fcol h4{font-size:13px;margin-bottom:3px}
.fcol a{color:var(--txt-3);font-size:13px;transition:.15s}
.fcol a:hover{color:var(--accent-orange-2)}
.ftrust{display:flex;flex-direction:column;gap:12px}
.ftrust .it{display:flex;align-items:center;gap:11px}
.ftrust .ic{
  width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;
  background:rgba(49,213,131,.1);color:var(--accent-green);
}
.ftrust b{display:block;font-size:13px}
.ftrust span{font-size:12px;color:var(--txt-3)}
.fstats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:26px}
.fstat{text-align:center;padding:15px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line)}
.fstat b{display:block;font-family:Sora,sans-serif;font-weight:800;font-size:21px}
.fstat span{font-size:12px;color:var(--txt-3)}
.fbot{border-top:1px solid var(--line)}
.fbot .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:14px;padding-bottom:16px}
.copy{font-size:12px;color:var(--txt-3)}
.age{
  display:inline-grid;place-items:center;width:32px;height:22px;border-radius:6px;
  border:1px solid var(--accent-red);color:var(--accent-red);font-size:11px;font-weight:700;
}

/* ---------- cookie ---------- */
.cookie{
  position:fixed;left:20px;bottom:20px;z-index:80;width:min(360px,calc(100vw - 40px));
  padding:16px;border-radius:var(--r-lg);background:rgba(12,17,27,.96);
  border:1px solid var(--line-2);box-shadow:var(--sh);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.cookie h4{font-size:14px;margin-bottom:6px}
.cookie p{margin:0 0 12px;font-size:12.5px;color:var(--txt-2);line-height:1.55}
.cookie p a{color:var(--accent-orange-2)}
.cookie .row{display:flex;gap:9px}
.cookie .row .btn{flex:1;height:38px;font-size:13px}
.cookie.hide{display:none}

/* ---------- модалка ---------- */
.ov{
  position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;
  background:rgba(4,7,12,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.ov[hidden]{display:none}
.modal{
  position:relative;width:min(440px,100%);padding:28px;border-radius:22px;
  background:linear-gradient(180deg,#111826,#0B111C);
  border:1px solid var(--line-2);box-shadow:var(--sh);
  animation:pop .22s ease;
}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.97)}}
.modal-x{position:absolute;right:14px;top:14px;color:var(--txt-3);padding:4px;border-radius:8px}
.modal-x:hover{color:var(--txt)}
.modal-ic{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:14px;
  background:rgba(255,138,0,.13);color:var(--accent-orange-2);
}
.modal h2{font-size:21px}
.modal .sub{margin:8px 0 18px;font-size:13.5px;color:var(--txt-2);line-height:1.55}
.mc{display:flex;align-items:flex-start;gap:11px;margin-bottom:12px;cursor:pointer;font-size:13.5px;line-height:1.5}
.mc input{position:absolute;opacity:0;width:0;height:0}
.mc .bx{
  flex:0 0 20px;width:20px;height:20px;margin-top:1px;border-radius:6px;
  border:1.5px solid var(--line-2);background:var(--panel);transition:.15s;position:relative;
}
.mc input:checked+.bx{background:linear-gradient(135deg,var(--accent-orange-2),var(--accent-orange));border-color:transparent}
.mc input:checked+.bx::after{
  content:"";position:absolute;left:6.5px;top:2.5px;width:5px;height:10px;
  border:solid #170A00;border-width:0 2.2px 2.2px 0;transform:rotate(45deg);
}
.mc input:focus-visible+.bx{outline:2px solid var(--accent-orange-2);outline-offset:2px}
.mc .t b{color:var(--accent-orange-2)}
.mc .t a{color:var(--accent-orange-2);text-decoration:underline}
.modal-act{display:flex;gap:10px;margin-top:20px}
.modal-act .btn{flex:1;height:44px}

/* ---------- адаптив ---------- */
@media (max-width:1180px){
  .upgrade{grid-template-columns:1fr;gap:16px}
  .upcenter{order:-1}
  .ftr>.wrap{grid-template-columns:1fr 1fr;gap:22px}
}
@media (max-width:960px){
  .shell{grid-template-columns:1fr}
  .side{position:static;order:2}
  .qlist{max-height:none}
  .hnav{display:none}
  .burger{display:block}
  .seo .cols{grid-template-columns:1fr;gap:6px}
}
@media (max-width:620px){
  .hdr .wrap{height:58px;gap:12px}
  .lang{display:none}
  .grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:9px}
  .ftr>.wrap{grid-template-columns:1fr}
  .fstats{grid-template-columns:1fr}
  .phead h1,.phead h2,.seo h2{font-size:19px}
  .cookie{left:12px;right:12px;bottom:12px;width:auto}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}