:root{
  --bg:#0a0f1e;
  --panel:#101a33;
  --panel-2:#132041;
  --gold:#e2b23c;
  --coral:#ff6a3d;
  --text:#f6f8ff;
  --muted:#b8c2e3;
  --line:rgba(255,255,255,.12);
  --ok:#64d39d;
  --radius:18px;
  --shadow:0 18px 38px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:'Manrope','Noto Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
body{line-height:1.7}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,92vw);margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:.5rem 1rem;z-index:1000}
.skip-link:focus{left:10px;top:10px}
.progress-bar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--coral));width:0;z-index:1400}
.ticker-wrap{position:sticky;top:0;z-index:1200;background:rgba(5,10,20,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.ticker{white-space:nowrap;overflow:hidden;padding:.35rem 0;font-size:.9rem;color:var(--gold);font-weight:700;letter-spacing:.3px}
.ticker span{display:inline-block;padding-left:100%;animation:marquee 26s linear infinite}
.ticker.reverse span{animation-direction:reverse;animation-duration:24s;color:#ffd98a}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.header{position:sticky;top:58px;z-index:1100;background:rgba(10,15,30,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:1rem}
.brand{display:flex;align-items:center;gap:.75rem;font-family:'Anton','Manrope',sans-serif;letter-spacing:.8px}
.brand svg{width:46px;height:46px}
.brand small{display:block;font-family:'Manrope';font-size:.72rem;letter-spacing:.2px;color:var(--muted)}
.menu{display:flex;align-items:center;gap:1rem}
.menu a{padding:.35rem .15rem;color:#dce4ff;font-weight:600}
.btns{display:flex;align-items:center;gap:.7rem}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1rem;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.25s transform,.25s box-shadow,.25s background}
.btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.btn-primary{background:linear-gradient(140deg,#f4c85a,var(--gold));color:#191200;box-shadow:0 0 0 rgba(226,178,60,.4)}
.btn-secondary{background:linear-gradient(140deg,#ff8c64,var(--coral));color:#2b0f00}
.pulse{animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(226,178,60,.45)}70%{box-shadow:0 0 0 14px rgba(226,178,60,0)}100%{box-shadow:0 0 0 0 rgba(226,178,60,0)}}
.btn:hover{transform:translateY(-2px)}
.hamburger{display:none;background:none;border:1px solid var(--line);color:var(--text);padding:.55rem .65rem;border-radius:10px}
.drawer{display:none;position:fixed;inset:0 0 0 26%;background:rgba(10,15,30,.98);padding:1.1rem;z-index:1300;overflow:auto;border-left:1px solid var(--line)}
.drawer.open{display:block}
.drawer nav{display:grid;gap:.85rem;margin-top:1rem}
.hero{padding:2.2rem 0 1.4rem}
.breadcrumb{font-size:.88rem;color:var(--muted);margin-bottom:.6rem}
.toc{background:linear-gradient(180deg,var(--panel),#0f1830);border:1px solid var(--line);padding:1rem 1.1rem;border-radius:14px;margin:1.2rem 0 1.5rem}
.toc h2{margin:.2rem 0 .6rem;font-size:1.05rem}
.toc a{display:inline-block;color:#d8e2ff;margin:.18rem .85rem .18rem 0;font-size:.94rem}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem}
.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-copy{padding:1.25rem 1.2rem}
h1{font-family:'Anton','Manrope',sans-serif;font-size:clamp(1.8rem,4vw,2.9rem);letter-spacing:.7px;line-height:1.15;margin:.35rem 0 .7rem}
.hero-copy p{color:#d9e1ff;font-size:1.03rem}
.address-card{margin-top:1rem;padding:1rem;border:1px dashed rgba(226,178,60,.5);border-radius:13px;background:rgba(8,13,26,.5)}
.address-line{font-weight:800;color:#ffe09c;word-break:break-all}
.address-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.7rem}
.hero-slider{position:relative;padding:1rem;min-height:320px;overflow:hidden}
.slide{position:absolute;inset:1rem;opacity:0;transform:translateX(18px);transition:.45s ease;border-radius:14px;padding:1rem;background:radial-gradient(circle at top right,rgba(226,178,60,.17),transparent 38%),rgba(9,15,30,.72);border:1px solid var(--line)}
.slide.active{opacity:1;transform:translateX(0)}
.slide h2{font-family:'Anton','Manrope';letter-spacing:.4px;margin-top:.1rem}
.slider-dots,.review-dots{display:flex;gap:.45rem;justify-content:center;margin-top:.5rem}
.dot{width:10px;height:10px;border-radius:50%;background:#405080;border:none;padding:0;cursor:pointer}
.dot.active{background:var(--gold)}
.arrows{display:flex;justify-content:space-between;position:absolute;left:1rem;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none}
.arrow{pointer-events:auto;background:rgba(10,16,31,.9);border:1px solid var(--line);color:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.1rem 0 1.8rem}
.feature{padding:1rem;background:linear-gradient(170deg,#121d3a,#0d1630);border:1px solid var(--line);border-radius:14px}
.feature h3{margin:.3rem 0 .45rem;font-size:1.03rem}
.feature svg{width:25px;height:25px;color:var(--gold)}
.section{padding:1.25rem 0}
.section h2{font-family:'Anton','Manrope';font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:.4px;margin:.2rem 0 .85rem}
.section h3{font-family:'Manrope';font-size:1.2rem;margin:1rem 0 .35rem;color:#ffe4a4}
.section p,.section li{color:#dde5ff}
.section ul,.section ol{padding-left:1.2rem}
.bonus-strip{margin:1.2rem 0;padding:.8rem 1rem;background:linear-gradient(90deg,rgba(226,178,60,.14),rgba(255,106,61,.16));border:1px solid rgba(255,255,255,.2);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.countdown{font-weight:800;color:#ffe09c}
.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:.8rem;overflow:auto;scroll-snap-type:x mandatory;padding:.2rem .1rem .6rem;cursor:grab}
.scroller.dragging{cursor:grabbing}
.bonus-card{scroll-snap-align:start;padding:1rem;background:linear-gradient(180deg,#142247,#0d1732);border:1px solid var(--line);border-radius:14px;min-height:180px}
.reviews-track{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;transition:transform .35s ease}
.reviews-window{overflow:hidden}
.review{padding:1rem;background:linear-gradient(180deg,#101b35,#0c152c);border:1px solid var(--line);border-radius:14px}
.rating-box{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(226,178,60,.08)}
.small-note{font-size:.88rem;color:#c8d4f8}
.faq-item{border:1px solid var(--line);border-radius:12px;background:#0f1a34;margin:.55rem 0;overflow:hidden}
.faq-q{width:100%;text-align:left;background:none;border:none;color:#fff;font-weight:800;padding:.9rem 1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease;padding:0 1rem}
.faq-item.open .faq-a{max-height:260px;padding:0 1rem .9rem}
.reveal{opacity:0;transform:translateY(20px);transition:.55s ease}
.reveal.show{opacity:1;transform:none}
.footer{margin-top:1.7rem;padding:1.4rem 0 5.8rem;border-top:1px solid var(--line);background:#091126}
.mobile-dock{position:fixed;bottom:0;left:0;right:0;background:rgba(8,13,25,.97);border-top:1px solid var(--line);padding:.55rem .65rem;display:none;gap:.6rem;z-index:1200}
.mobile-dock .btn{flex:1}
.toast{position:fixed;right:12px;bottom:88px;background:#1d2a4d;color:#fff;padding:.65rem .8rem;border:1px solid var(--line);border-radius:10px;opacity:0;transform:translateY(10px);transition:.24s;z-index:1600}
.toast.show{opacity:1;transform:none}
.lang-note{font-size:.95rem;color:#bfd0ff}
@media (max-width:980px){
  .menu{display:none}
  .hamburger{display:inline-flex}
  .hero-grid{grid-template-columns:1fr}
  .features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reviews-track{grid-template-columns:repeat(4,100%)}
  .mobile-dock{display:flex}
}
@media (max-width:680px){
  .header{top:54px}
  .features{grid-template-columns:1fr}
  .ticker{font-size:.82rem}
  .hero-copy,.hero-slider{padding:.9rem}
}
.ru-page h1,.ru-page h2,.ru-page .brand,.ru-page .slide h2{font-family:'Manrope','Playfair Display',sans-serif}
.az-page h1,.az-page h2,.az-page .brand{font-family:'Anton','Noto Sans','Manrope',sans-serif}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}