/* Live homepage sections (content only) */
:root {
  --orange:   #ff6b2b;
  --orange-s: #ff8a5c;
  --blue:     #2b9cff;
  --blue-s:   #5cb3ff;
  --bg:       #0a0a0a;
  --text:     #ffffff;
  --w90:      rgba(255,255,255,.90);
  --w60:      rgba(255,255,255,.60);
  --w30:      rgba(255,255,255,.28);
}
html.dm-home-html,
html.dm-home-html[data-theme="light"],
html.dm-home-html[data-theme="dark"] {
  color-scheme: dark;
  background: #0a0a0a;
}
*, *::before, *::after { box-sizing:border-box; }
body { font-family:'Mulish',sans-serif; background:var(--bg); color:var(--text); min-height:100vh; overflow-x:hidden; }
html.dm-home-html body,
html.dm-home-html[data-theme="light"] body {
  background: #0a0a0a !important;
  color: #fff !important;
}

/* ══════════════════════════════════════
   HERO — story slider
══════════════════════════════════════ */
html.dm-home-html .dm-global-breadcrumb { display:none !important; }
.hero {
  position:relative;
  overflow:hidden;
  min-height:0;
  display:block !important;
  padding:0 0 8px;
  background:#070707;
}
.hero__banner {
  position:relative;
  width:100%;
  height:320px;
  overflow:hidden;
  background:#0a0a0a;
}
.hero__slide {
  position:absolute; inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .8s ease;
}
.hero__slide.is-on {
  opacity:1;
  z-index:1;
  pointer-events:auto;
}
.hero__slide img {
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  object-position:center 22%;
}
.hero__shade {
  position:absolute; inset:0; z-index:2;
  background:
    linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.12) 38%, rgba(0,0,0,.82) 100%),
    linear-gradient(90deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.08) 70%);
}
.hero__meta {
  position:absolute; z-index:3;
  left:16px; right:16px; bottom:28px;
  display:flex; flex-direction:column; align-items:flex-start;
  max-width:420px;
}
.hero__kicker {
  display:inline-flex;
  margin:0 0 8px;
  padding:4px 10px;
  border-radius:999px;
  font-size:10px; font-weight:800;
  letter-spacing:.08em; text-transform:uppercase;
  color:#fff;
  background:rgba(255,107,43,.92);
}
.hero__name {
  font-family:'Unbounded',sans-serif;
  font-size:clamp(22px,6.4vw,34px);
  font-weight:900; line-height:1.05;
  letter-spacing:-.8px;
  color:#fff; margin:0 0 6px;
  text-shadow:0 2px 14px rgba(0,0,0,.55);
}
.hero__lead {
  font-size:13px; line-height:1.4;
  color:rgba(255,255,255,.82);
  margin:0 0 10px;
  text-shadow:0 1px 8px rgba(0,0,0,.6);
}
.hero__go {
  display:inline-flex; align-items:center;
  padding:9px 14px; border-radius:10px;
  background:#fff; color:#111;
  font-size:13px; font-weight:800;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,.28);
}
.hero__go:hover { transform:translateY(-1px); }
.hero__inner, .hero__panel, .hero__caption { display:none; }

/* ══════════════════════════════════════
   LEFT — PHOTO
══════════════════════════════════════ */
.hero__left {
  position:relative;
  display:flex; align-items:flex-end; justify-content:center;
  animation:fadeLeft 1s cubic-bezier(.23,1,.32,1) both;
}
@keyframes fadeLeft {
  from { opacity:0; transform:translateX(-30px); }
  to   { opacity:1; transform:translateX(0); }
}

.hero__glow {
  position:absolute;
  bottom:-40px; left:50%; transform:translateX(-50%);
  width:380px; height:380px; border-radius:50%;
  background:radial-gradient(circle,
    rgba(255,107,43,.28) 0%,
    rgba(43,156,255,.18) 45%,
    transparent 70%);
  filter:blur(55px);
  animation:glowBreath 7s ease-in-out infinite alternate;
  z-index:1;
}
@keyframes glowBreath {
  from { opacity:.6; transform:translateX(-50%) scale(.95); }
  to   { opacity:1;  transform:translateX(-50%) scale(1.05); }
}

.hero__ring {
  position:absolute;
  bottom:20px; left:50%; transform:translateX(-50%);
  width:440px; height:440px; border-radius:50%;
  border:1px solid rgba(255,107,43,.18);
  box-shadow:0 0 60px rgba(255,107,43,.10), inset 0 0 40px rgba(43,156,255,.08);
  animation:ringBreath 8s ease-in-out infinite;
  z-index:2;
}
@keyframes ringBreath {
  0%,100% { opacity:.4; transform:translateX(-50%) scale(1); }
  50%     { opacity:.8; transform:translateX(-50%) scale(1.04); }
}

.hero__photo-link {
  position:relative; z-index:5;
  display:block; line-height:0; text-decoration:none;
  transition:transform .4s cubic-bezier(.23,1,.32,1);
}
.hero__photo-link:hover { transform:scale(1.025) translateY(-6px); }

.hero__photo {
  height:78vh; max-height:680px;
  width:auto; max-width:100%;
  object-fit:contain;
  filter:
    drop-shadow(0 0 40px rgba(255,107,43,.32))
    drop-shadow(0 60px 80px rgba(0,0,0,.7));
  animation:float 6.5s ease-in-out infinite;
}
@keyframes float {
  0%,100% { transform:translateY(0); }
  50%     { transform:translateY(-14px); }
}

/* ══════════════════════════════════════
   RIGHT — TEXT
══════════════════════════════════════ */
.hero__right { display:none; }
.hero__dots {
  position:absolute; z-index:5; left:0; right:0; bottom:10px;
  display:flex; align-items:center; justify-content:center; gap:7px;
}
.hero__dot {
  width:7px; height:7px; border:0; border-radius:99px;
  background:rgba(255,255,255,.35);
  cursor:pointer; padding:0;
  transition:width .25s, background .25s;
}
.hero__dot.is-on {
  width:20px;
  background:linear-gradient(90deg,#ff6b2b,#2b9cff);
}
@keyframes fadeRight {
  from { opacity:0; transform:translateX(30px); }
  to   { opacity:1; transform:translateX(0); }
}

.hero__badge {
  display:inline-flex; align-items:center; gap:7px;
  margin:0;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,107,43,.12);
  border:1px solid rgba(255,107,43,.28);
  width:fit-content;
}
.hero__badge-dot {
  width:6px; height:6px; border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 8px var(--orange);
  animation:blink 2.2s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes blink { 0%,100%{ opacity:1; } 50%{ opacity:.25; } }
.hero__badge-text {
  font-size:10px; font-weight:700;
  letter-spacing:.04em; text-transform:uppercase;
  color:rgba(255,255,255,.82);
}

.hero__title {
  font-family:'Unbounded',sans-serif;
  font-size:clamp(26px,7vw,40px);
  font-weight:900;
  line-height:1;
  letter-spacing:-1.2px;
  color:#fff;
  margin:0;
}
.hero__title-top { color:#fff; }
.hero__title-bot {
  background:linear-gradient(120deg,#ff6b2b 0%,#ff9a5c 40%,#2b9cff 80%,#5cb3ff 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  background-size:200%;
  animation:gradMove 7s ease infinite;
}
@keyframes gradMove {
  0%,100%{ background-position:0% 50%; }
  50%    { background-position:100% 50%; }
}

.hero__divider { display:none; }

.hero__sub {
  font-size:13.5px; line-height:1.5;
  color:rgba(255,255,255,.62);
  max-width:340px;
  margin:0 0 4px;
}

.hero__caption .btn { width:auto; margin-top:4px; }
.hero__btns { display:none; }
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  padding:13px 26px; border-radius:12px;
  font-family:'Mulish',sans-serif; font-size:14px; font-weight:700;
  text-decoration:none; transition:all .25s ease;
  position:relative; overflow:hidden;
}
.btn--primary {
  background:linear-gradient(135deg,#ff6b2b,#ff8a5c);
  color:#fff; border:none;
  box-shadow:0 8px 24px -6px rgba(255,107,43,.48);
}
.btn--primary::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.12),transparent);
  opacity:0; transition:opacity .25s;
}
.btn--primary:hover { transform:translateY(-2px); box-shadow:0 16px 32px -6px rgba(255,107,43,.6); }
.btn--primary:hover::after { opacity:1; }
.btn--ghost {
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.75);
  border:1px solid rgba(255,255,255,.12);
}
.btn--ghost:hover {
  background:rgba(43,156,255,.08);
  border-color:rgba(43,156,255,.35);
  color:#fff;
  transform:translateY(-2px);
}

.hero__stats {
  max-width:1100px;
  width:100%;
  margin:14px auto 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.hero__stats::before { display:none; }
.stat {
  display:flex; flex-direction:column; align-items:center; gap:3px;
  padding:10px 4px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
.stat b {
  font-family:'Unbounded',sans-serif;
  font-size:15px; font-weight:900; line-height:1;
  background:linear-gradient(135deg,#ff6b2b,#2b9cff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.stat span {
  font-size:8px; font-weight:700;
  color:rgba(255,255,255,.38);
  text-transform:uppercase; letter-spacing:.04em;
}

@media(min-width:820px){
  .hero__banner { height:420px; }
  .hero__meta { left:40px; right:40px; bottom:36px; max-width:520px; }
  .hero__name { font-size:42px; }
  .hero__lead { font-size:16px; }
  .hero__go { padding:11px 18px; font-size:14px; }
}

@media(max-width:540px){
  .hero__banner { height:300px; }
  .hero__meta { left:14px; right:14px; bottom:26px; }
  .hero__name { font-size:22px; }
  .hero__lead { font-size:12px; }
}

:root {
  --orange:   #ff6b2b;
  --orange-s: #ff8a5c;
  --blue:     #2b9cff;
  --blue-s:   #5cb3ff;
  --green:    #4ade80;
  --purple:   #a78bfa;
  --bg:       #0a0a0a;
  --w90:      rgba(255,255,255,.90);
  --w60:      rgba(255,255,255,.60);
  --w30:      rgba(255,255,255,.30);
  --bdo:      rgba(255,107,43,.25);
}

/* ══════════════════════════════════
   SECTION
══════════════════════════════════ */
.dm-sec {
  position:relative; overflow:hidden;
  min-height:100vh;
  display:flex; align-items:center; justify-content:center;
  padding:80px 20px;
  background:
    radial-gradient(circle at 8%  20%, rgba(255,107,43,.18) 0%, transparent 40%),
    radial-gradient(circle at 92% 75%, rgba(43,156,255,.15) 0%, transparent 40%),
    repeating-linear-gradient(45deg,
      rgba(255,255,255,.014) 0, rgba(255,255,255,.014) 1px,
      transparent 1px, transparent 9px),
    linear-gradient(160deg,#0c0c0c,#000);
}

/* Conic glow */
.dm-sec::after {
  content:""; position:absolute; top:-40%; left:-20%;
  width:140%; height:140%;
  background:conic-gradient(from 90deg at 50% 50%,
    rgba(255,107,43,0) 0deg,
    rgba(255,107,43,.12) 120deg,
    rgba(43,156,255,.12) 240deg,
    rgba(255,107,43,0) 360deg);
  filter:blur(90px);
  animation:rotateBg 28s linear infinite;
  pointer-events:none; z-index:0;
}
@keyframes rotateBg { to { transform:rotate(360deg); } }

/* Dot stars */
.dm-sec::before {
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(2px 2px at 15%  20%, rgba(255,255,255,.35), transparent),
    radial-gradient(2px 2px at 35%  65%, rgba(255,255,255,.25), transparent),
    radial-gradient(3px 3px at 58%  12%, rgba(255,255,255,.3),  transparent),
    radial-gradient(2px 2px at 75%  80%, rgba(255,255,255,.2),  transparent),
    radial-gradient(2px 2px at 90%  40%, rgba(255,255,255,.3),  transparent),
    radial-gradient(3px 3px at 10%  85%, rgba(255,255,255,.2),  transparent);
  pointer-events:none; z-index:0;
}

/* ══════════════════════════════════
   INNER WRAP
══════════════════════════════════ */
.dm-wrap {
  position:relative; z-index:2;
  max-width:920px; width:100%;
  animation:fadeUp .9s cubic-bezier(.23,1,.32,1) both;
}
@keyframes fadeUp {
  from { opacity:0; transform:translateY(36px) scale(.98); }
  to   { opacity:1; transform:translateY(0)    scale(1);   }
}

/* ══════════════════════════════════
   HEADER
══════════════════════════════════ */
.dm-head {
  text-align:center; margin-bottom:40px;
}
.dm-chip {
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 20px;
  background:rgba(255,107,43,.10); border:1px solid rgba(255,107,43,.35);
  border-radius:60px; font-size:12px; font-weight:700; color:var(--w90);
  text-shadow:0 0 14px rgba(255,107,43,.5); margin-bottom:18px;
}
.dm-title {
  font-family:'Unbounded',sans-serif;
  font-size:clamp(28px,5.5vw,54px);
  font-weight:900; line-height:1.08; letter-spacing:-1.5px;
}
.dm-title span {
  background:linear-gradient(135deg,#ff6b2b,#2b9cff,#ff6b2b);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  background-size:200%; animation:gradShift 8s ease infinite;
}
.dm-title::after {
  content:""; display:block; width:100px; height:3px;
  margin:14px auto 0;
  background:linear-gradient(90deg,#ff6b2b,#2b9cff);
  border-radius:4px; box-shadow:0 0 20px rgba(255,107,43,.6);
}
@keyframes gradShift {
  0%,100%{ background-position:0% 50%; }
  50%     { background-position:100% 50%; }
}

/* ══════════════════════════════════
   CARD SHELL
══════════════════════════════════ */
.dm-card {
  background:rgba(10,10,10,.75);
  border:1px solid rgba(255,107,43,.28);
  border-radius:32px;
  padding:36px 32px;
  backdrop-filter:blur(18px);
  box-shadow:
    0 30px 70px -20px rgba(0,0,0,.9),
    0 0 0 1px rgba(255,107,43,.10) inset,
    0 0 60px rgba(43,156,255,.08);
}

/* ══════════════════════════════════
   SERVICES GRID
══════════════════════════════════ */
.dm-services {
  display:flex; flex-direction:column; gap:12px;
}

.dm-row {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.dm-row--3 { grid-template-columns:repeat(3,1fr); }

/* Service tile */
.svc {
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  text-align:center;
  padding:18px 10px 14px;
  border-radius:16px;
  background:rgba(255,107,43,.07);
  border:1px solid rgba(255,107,43,.18);
  cursor:pointer;
  transition:all .26s cubic-bezier(.4,0,.2,1);
  position:relative; overflow:hidden;
  text-decoration:none; color:inherit;
}

/* shimmer line on top */
.svc::before {
  content:""; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,#ff6b2b,#ff8a5c);
  opacity:0; transition:opacity .26s;
  border-radius:2px 2px 0 0;
}
.svc:hover::before, .svc.blue:hover::before { opacity:1; }
.svc.blue::before { background:linear-gradient(90deg,#2b9cff,#5cb3ff); }

.svc:hover {
  background:rgba(255,107,43,.13);
  border-color:rgba(255,107,43,.45);
  transform:translateY(-5px) scale(1.02);
  box-shadow:0 14px 32px -10px rgba(255,107,43,.4);
}
.svc.blue {
  background:rgba(43,156,255,.07);
  border-color:rgba(43,156,255,.18);
}
.svc.blue:hover {
  background:rgba(43,156,255,.13);
  border-color:rgba(43,156,255,.45);
  box-shadow:0 14px 32px -10px rgba(43,156,255,.4);
}
.svc.green {
  background:rgba(74,222,128,.06);
  border-color:rgba(74,222,128,.18);
}
.svc.green:hover {
  background:rgba(74,222,128,.12);
  border-color:rgba(74,222,128,.45);
  box-shadow:0 14px 32px -10px rgba(74,222,128,.35);
}
.svc.green::before { background:linear-gradient(90deg,#4ade80,#86efac); }
.svc.purple {
  background:rgba(167,139,250,.06);
  border-color:rgba(167,139,250,.18);
}
.svc.purple:hover {
  background:rgba(167,139,250,.12);
  border-color:rgba(167,139,250,.45);
  box-shadow:0 14px 32px -10px rgba(167,139,250,.35);
}
.svc.purple::before { background:linear-gradient(90deg,#a78bfa,#c4b5fd); }

.svc-ico {
  font-size:34px; line-height:1;
  margin-bottom:9px;
  filter:drop-shadow(0 0 10px rgba(255,107,43,.35));
  transition:transform .26s, filter .26s;
}
.svc.blue .svc-ico  { filter:drop-shadow(0 0 10px rgba(43,156,255,.35)); }
.svc.green .svc-ico { filter:drop-shadow(0 0 10px rgba(74,222,128,.35)); }
.svc.purple .svc-ico{ filter:drop-shadow(0 0 10px rgba(167,139,250,.35)); }
.svc:hover .svc-ico { transform:scale(1.15) translateY(-2px); filter:drop-shadow(0 0 14px rgba(255,107,43,.6)); }
.svc.blue:hover   .svc-ico { filter:drop-shadow(0 0 14px rgba(43,156,255,.7)); }
.svc.green:hover  .svc-ico { filter:drop-shadow(0 0 14px rgba(74,222,128,.6)); }
.svc.purple:hover .svc-ico { filter:drop-shadow(0 0 14px rgba(167,139,250,.6)); }

.svc-name {
  font-size:11px; font-weight:700;
  color:var(--w60); line-height:1.35;
  transition:color .26s;
}
.svc:hover .svc-name { color:var(--w90); }

/* Badge */
.svc-badge {
  position:absolute; top:8px; right:8px;
  padding:1px 6px; border-radius:20px;
  font-size:8px; font-weight:800; letter-spacing:.04em;
  background:rgba(255,107,43,.18); border:1px solid rgba(255,107,43,.35); color:var(--orange-s);
}
.svc.blue .svc-badge { background:rgba(43,156,255,.18); border-color:rgba(43,156,255,.35); color:var(--blue-s); }
.svc.green .svc-badge { background:rgba(74,222,128,.18); border-color:rgba(74,222,128,.35); color:var(--green); }

/* Divider between rows */
.dm-divider {
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,107,43,.2),rgba(43,156,255,.15),transparent);
  margin:4px 0;
}

/* ══════════════════════════════════
   RESPONSIVE
══════════════════════════════════ */
@media(max-width:720px){
  .dm-card { padding:24px 18px; border-radius:24px; }
  .dm-row  { grid-template-columns:repeat(2,1fr); gap:8px; }
  .dm-row--3 { grid-template-columns:repeat(3,1fr); }
  .svc-ico { font-size:28px; }
  .svc-name { font-size:10px; }
  .svc { padding:14px 6px 12px; border-radius:13px; }
}
@media(max-width:420px){
  .dm-row--3 { grid-template-columns:repeat(2,1fr); }
  .svc-ico { font-size:26px; }
}

:root {
  --orange:   #ff6b2b;
  --orange-s: #ff8a5c;
  --blue:     #2b9cff;
  --blue-s:   #5cb3ff;
  --bg:       #0a0a0a;
  --w90:      rgba(255,255,255,.90);
  --w60:      rgba(255,255,255,.60);
  --bdo:      rgba(255,107,43,.25);
  --bdb:      rgba(43,156,255,.25);
}

/* SECTION */
.dm-sec {
  position:relative; overflow:hidden;
  padding: 72px 20px 90px;
  background:
    radial-gradient(circle at 8% 18%,  rgba(255,107,43,.17) 0%, transparent 38%),
    radial-gradient(circle at 92% 80%, rgba(43,156,255,.13) 0%, transparent 36%),
    repeating-linear-gradient(45deg,
      rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,
      transparent 1px,transparent 9px),
    linear-gradient(160deg,#0c0c0c,#000);
}
.dm-sec::after {
  content:""; position:absolute; top:-40%; left:-20%;
  width:140%; height:140%;
  background:conic-gradient(from 90deg at 50% 50%,
    rgba(255,107,43,0) 0deg,rgba(255,107,43,.10) 120deg,
    rgba(43,156,255,.10) 240deg,rgba(255,107,43,0) 360deg);
  filter:blur(90px); animation:rotateBg 30s linear infinite;
  pointer-events:none; z-index:0;
}
@keyframes rotateBg { to { transform:rotate(360deg); } }

.dm-wrap { position:relative; z-index:2; max-width:1140px; margin:0 auto; }

/* HEADER */
.dm-head { text-align:center; margin-bottom:52px; }
.dm-chip {
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 22px;
  background:rgba(255,107,43,.10); border:1px solid rgba(255,107,43,.35);
  border-radius:60px; font-size:13px; font-weight:600; color:var(--w90);
  text-shadow:0 0 14px rgba(255,107,43,.5); margin-bottom:22px;
}
.dm-title {
  font-family:'Unbounded',sans-serif;
  font-size:clamp(34px,6.5vw,64px);
  font-weight:900; line-height:1.05; letter-spacing:-1.5px;
}
.dm-title span {
  background:linear-gradient(135deg,#ff6b2b,#2b9cff,#ff6b2b);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  background-size:200%; animation:gradShift 8s ease infinite;
}
.dm-title::after {
  content:""; display:block; width:130px; height:4px;
  margin:18px auto 0;
  background:linear-gradient(90deg,#ff6b2b,#2b9cff);
  border-radius:4px; box-shadow:0 0 24px rgba(255,107,43,.65);
}
.dm-sub {
  margin-top:18px; font-size:16px; color:var(--w60);
  max-width:520px; margin-inline:auto; line-height:1.7;
}
@keyframes gradShift {
  0%,100% { background-position:0% 50%; }
  50%      { background-position:100% 50%; }
}

/* STATS */
.dm-stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:52px;
}
.dm-stat {
  background:rgba(10,10,10,.75); border:1px solid var(--bdo);
  border-radius:20px; padding:18px 12px; text-align:center;
  backdrop-filter:blur(12px); min-width:0;
  transition:transform .3s,border-color .3s,box-shadow .3s;
}
.dm-stat:hover { transform:translateY(-5px); border-color:var(--blue); box-shadow:0 12px 32px -10px rgba(43,156,255,.5); }
.dm-stat b {
  display:block; font-family:'Unbounded',sans-serif; font-size:28px; font-weight:900;
  background:linear-gradient(135deg,#ff6b2b,#2b9cff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.dm-stat span { display:block; font-size:12px; color:var(--w60); margin-top:5px; }

/* LAYOUT */
.dm-body { display:grid; grid-template-columns:360px 1fr; gap:24px; align-items:start; }

/* CARDS */
.dm-clabel { font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--w60); padding-left:4px; margin-bottom:10px; }
.dm-cards  { display:flex; flex-direction:column; gap:8px; }

.loc-card {
  background:rgba(14,14,14,.92); border:1px solid var(--bdo);
  border-radius:14px; padding:12px 14px;
  cursor:pointer; transition:all .25s;
  backdrop-filter:blur(12px);
  display:flex; align-items:center; gap:11px;
  position:relative; overflow:hidden;
}
.loc-card::before {
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:linear-gradient(180deg,#ff6b2b,#ff8a5c);
  border-radius:3px 0 0 3px; opacity:0; transition:opacity .28s;
}
.loc-card.blue::before { background:linear-gradient(180deg,#2b9cff,#5cb3ff); }
.loc-card.active::before,.loc-card:hover::before { opacity:1; }
.loc-card.active,.loc-card:hover {
  border-color:var(--orange); background:rgba(255,107,43,.08);
  transform:translateX(5px); box-shadow:0 8px 28px -8px rgba(255,107,43,.35);
}
.loc-card.blue.active,.loc-card.blue:hover {
  border-color:var(--blue); background:rgba(43,156,255,.08);
  box-shadow:0 8px 28px -8px rgba(43,156,255,.35);
}
.loc-ico {
  width:40px; height:40px; border-radius:11px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; font-size:18px;
  background:rgba(255,107,43,.10); border:1px solid rgba(255,107,43,.22);
}
.loc-card.blue .loc-ico { background:rgba(43,156,255,.10); border-color:rgba(43,156,255,.25); }
.loc-inf h4 { font-size:13px; font-weight:700; margin-bottom:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:190px; }
.loc-inf p  { font-size:11px; color:var(--w60); line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:190px; }
.loc-badge {
  margin-left:auto; flex-shrink:0; padding:2px 8px; border-radius:50px;
  font-size:9px; font-weight:700; letter-spacing:.02em;
  background:rgba(255,107,43,.12); border:1px solid rgba(255,107,43,.3); color:var(--orange-s);
}
.loc-card.blue .loc-badge { background:rgba(43,156,255,.12); border-color:rgba(43,156,255,.3); color:var(--blue-s); }

/* Locations pager — not the site header */
.dm-loc-nav {
  display:flex; align-items:center; justify-content:space-between;
  margin-top:10px;
  background:rgba(12,12,12,.8); border:1px solid var(--bdo);
  border-radius:12px; padding:9px 12px; backdrop-filter:blur(10px);
}
.dm-navbtn {
  display:flex; align-items:center; gap:6px;
  background:none; border:1px solid rgba(255,107,43,.22);
  border-radius:9px; padding:7px 14px;
  cursor:pointer; color:#fff;
  font-family:'Mulish',sans-serif; font-size:12px; font-weight:700;
  transition:all .25s;
}
.dm-navbtn:hover:not(:disabled) {
  background:rgba(255,107,43,.12); border-color:var(--orange);
  box-shadow:0 4px 16px -4px rgba(255,107,43,.4); transform:scale(1.04);
}
.dm-navbtn:disabled { opacity:.3; cursor:not-allowed; }
.dm-navcnt {
  font-family:'Unbounded',sans-serif; font-size:14px; font-weight:700;
  background:linear-gradient(135deg,#ff6b2b,#2b9cff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* MAP BOX */
.dm-mapbox {
  background:rgba(10,10,10,.8); border:1px solid var(--bdo);
  border-radius:24px; overflow:hidden;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 50px rgba(43,156,255,.08);
  position:sticky; top:20px;
}
.dm-mapbar {
  display:flex; align-items:center; gap:10px;
  padding:14px 20px;
  background:rgba(255,107,43,.06); border-bottom:1px solid var(--bdo);
}
.dot { width:10px; height:10px; border-radius:50%; }
.dot-o { background:var(--orange); box-shadow:0 0 8px var(--orange); }
.dot-b { background:var(--blue);   box-shadow:0 0 8px var(--blue); }
.dm-bartitle { font-family:'Unbounded',sans-serif; font-size:13px; font-weight:700; margin-left:4px; }
.dm-baraddr  { margin-left:auto; font-size:12px; color:var(--w60); }

#dm-map { width:100%; height:480px; }

/* Leaflet dark tint */
.leaflet-tile { filter:brightness(.72) saturate(.6); }
.leaflet-container { background:#080808; }

/* Custom marker */
.dmm { width:40px; height:40px; position:relative; }
.dmm-inner {
  width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:18px;
  border:2.5px solid var(--orange);
  background:rgba(8,8,8,.94);
  box-shadow:0 0 18px rgba(255,107,43,.75);
}
.dmm-inner.b { border-color:var(--blue); box-shadow:0 0 18px rgba(43,156,255,.75); }
.dmm-ring {
  position:absolute; inset:-7px; border-radius:50%;
  border:2px solid rgba(255,107,43,.38);
  animation:mPulse 2.3s ease-in-out infinite;
}
.dmm-inner.b ~ .dmm-ring { border-color:rgba(43,156,255,.38); }
@keyframes mPulse {
  0%,100%{ transform:scale(1);   opacity:.6; }
  50%     { transform:scale(1.45); opacity:0; }
}

/* Popup */
.leaflet-popup-content-wrapper {
  background:rgba(10,10,10,.97)!important;
  border:1px solid rgba(255,107,43,.4)!important;
  border-radius:16px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.85),0 0 24px rgba(255,107,43,.15)!important;
  color:#fff!important; backdrop-filter:blur(16px);
}
.leaflet-popup-tip { background:rgba(10,10,10,.97)!important; }
.leaflet-popup-content { margin:14px 16px!important; }
.pop-t { font-family:'Unbounded',sans-serif; font-size:14px; font-weight:700; margin-bottom:6px; }
.pop-a { font-size:12px; color:rgba(255,255,255,.6); line-height:1.5; margin-bottom:8px; }
.pop-b {
  display:inline-block; padding:3px 10px; border-radius:50px;
  font-size:10px; font-weight:700;
  background:rgba(255,107,43,.15); border:1px solid rgba(255,107,43,.35); color:var(--orange-s);
}
.pop-b.b { background:rgba(43,156,255,.15); border-color:rgba(43,156,255,.35); color:var(--blue-s); }

/* RESPONSIVE */
@media(max-width:920px){
  .dm-body { grid-template-columns:1fr; }
  .dm-mapbox { position:static; }
  #dm-map { height:360px; }
  .dm-cards { flex-direction:row; flex-wrap:wrap; }
  .loc-card { flex:1 1 calc(50% - 6px); min-width:220px; }
  .loc-card.active,.loc-card:hover { transform:translateY(-3px) translateX(0); }
  .loc-card::before { left:0;top:0;right:0;bottom:auto;width:100%;height:3px;border-radius:3px 3px 0 0; }
}
@media(max-width:540px){
  .loc-card { flex:1 1 100%; }
}

#dm-points-section {
  min-height: auto;
}

@media (max-width: 720px) {
  #dm-points-section {
    padding: 52px 14px 40px;
  }
  #dm-points-section .dm-head {
    margin-bottom: 18px;
  }
  #dm-points-section .dm-chip {
    font-size: 11px;
    padding: 6px 14px;
    margin-bottom: 12px;
  }
  #dm-points-section .dm-title {
    font-size: clamp(26px, 8vw, 34px);
    letter-spacing: -1px;
  }
  #dm-points-section .dm-title::after {
    width: 72px;
    height: 3px;
    margin-top: 12px;
  }
  #dm-points-section .dm-sub {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.5;
    max-width: 34ch;
  }
  #dm-points-section .dm-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 18px;
  }
  #dm-points-section .dm-stat {
    padding: 10px 2px 9px;
    border-radius: 14px;
    box-shadow: 0 8px 20px -12px rgba(255, 107, 43, .45);
  }
  #dm-points-section .dm-stat:hover {
    transform: none;
  }
  #dm-points-section .dm-stat b {
    font-size: 15px;
  }
  #dm-points-section .dm-stat span {
    font-size: 8px;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-top: 3px;
  }
  #dm-points-section .dm-body {
    gap: 12px;
  }
  #dm-points-section .dm-list-header {
    padding: 10px 12px;
    border-radius: 12px;
  }
  #dm-points-section .dm-mapbox {
    border-radius: 16px;
  }
  #dm-points-section .dm-mapbar {
    padding: 10px 12px;
    gap: 8px;
    flex-wrap: wrap;
  }
  #dm-points-section .dm-bartitle {
    font-size: 12px;
  }
  #dm-points-section .dm-baraddr {
    margin-left: 0;
    width: 100%;
    font-size: 11px;
  }
  #dm-points-section #dm-map {
    height: 260px;
  }
}

/* Popup action buttons */
.pop-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}
.pop-btn {
  display: flex; align-items: center; justify-content: center; gap: 5px;
  padding: 8px 6px; border-radius: 10px;
  font-size: 11px; font-weight: 700;
  text-decoration: none; transition: all .25s;
  white-space: nowrap;
}

.pop-btn-route {
  background: rgba(255,107,43,.15);
  border: 1px solid rgba(255,107,43,.4);
  color: #ff8a5c;
}
.pop-btn-route:hover { background: rgba(255,107,43,.3); border-color: #ff6b2b; color: #fff; }

/* Card action buttons */
.loc-actions {
  display: flex; gap: 5px; margin-top: 7px; padding-top: 7px;
  border-top: 1px solid rgba(255,107,43,.12);
  flex-wrap: nowrap;
}
.loc-card.blue .loc-actions { border-top-color: rgba(43,156,255,.12); }
.loc-abtn {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: 2px;
  padding: 5px 2px; border-radius: 8px;
  font-size: 9.5px; font-weight: 700; letter-spacing: -.01em;
  text-decoration: none; transition: all .25s;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  min-width: 0;
}

.loc-abtn-route {
  background: rgba(255,107,43,.10);
  border: 1px solid rgba(255,107,43,.25);
  color: #ff8a5c;
}
.loc-abtn-route:hover { background: rgba(255,107,43,.25); color: #fff; }

/* ── COLLAPSIBLE LIST ── */
.dm-list-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 14px;
  background: rgba(12,12,12,.88);
  border: 1px solid rgba(255,107,43,.25);
  border-radius: 13px;
  cursor: pointer;
  margin-bottom: 8px;
  transition: all .25s;
  backdrop-filter: blur(12px);
  user-select: none;
}
.dm-list-header:hover {
  border-color: var(--orange);
  background: rgba(255,107,43,.08);
  box-shadow: 0 6px 24px -8px rgba(255,107,43,.3);
}
.dm-list-htitle {
  display: flex; align-items: center; gap: 8px;
  font-family: 'Unbounded', sans-serif;
  font-size: 11px; font-weight: 700;
  letter-spacing: .03em;
}
.dm-list-count {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 50%;
  background: linear-gradient(135deg, #ff6b2b, #2b9cff);
  font-size: 11px; font-weight: 800; color: #000;
}
.dm-collapse-btn {
  background: rgba(255,107,43,.10);
  border: 1px solid rgba(255,107,43,.25);
  border-radius: 8px;
  width: 28px; height: 28px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; font-size: 11px; color: var(--orange-s);
  transition: all .25s; flex-shrink: 0;
}
.dm-collapse-btn:hover { background: rgba(255,107,43,.25); }

/* Animate wrapper */
.dm-cards-wrap {
  overflow: hidden;
  max-height: 2000px;
  transition: max-height .45s cubic-bezier(.4,0,.2,1),
              opacity .35s ease;
  opacity: 1;
}
.dm-cards-wrap.collapsed {
  max-height: 0;
  opacity: 0;
}

/* Search bar */
.dm-search-wrap {
  position: relative;
  margin-bottom: 8px;
}
.dm-search {
  width: 100%;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,107,43,.2);
  border-radius: 10px;
  padding: 9px 36px 9px 36px;
  color: #fff;
  font-family: 'Mulish', sans-serif;
  font-size: 12px; font-weight: 500;
  outline: none;
  transition: all .25s;
  backdrop-filter: blur(10px);
  box-shadow: none;
}
.dm-search:focus {
  border-color: var(--orange);
  background: rgba(255,107,43,.06);
  box-shadow: 0 0 0 3px rgba(255,107,43,.10);
}
.dm-search::placeholder { color: rgba(255,255,255,.3); font-weight: 400; }
.dm-search-icon {
  position: absolute; left: 11px; top: 50%;
  transform: translateY(-50%);
  font-size: 14px; pointer-events: none;
  opacity: .45; line-height: 1;
}
/* Clear button */
.dm-search-clear {
  position: absolute; right: 10px; top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,.1); border: none;
  border-radius: 50%; width: 18px; height: 18px;
  display: none; align-items: center; justify-content: center;
  cursor: pointer; font-size: 10px; color: rgba(255,255,255,.6);
  transition: all .2s; line-height: 1;
}
.dm-search-clear:hover { background: rgba(255,107,43,.3); color: #fff; }
.dm-search-clear.visible { display: flex; }

/* Empty state */
.dm-empty {
  text-align: center; padding: 24px 10px;
  color: rgba(255,255,255,.35); font-size: 13px;
}

/* ── SHOW MORE BUTTON ── */
.dm-showmore {
  width: 100%;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 10px 14px;
  background: rgba(255,107,43,.06);
  border: 1px dashed rgba(255,107,43,.30);
  border-radius: 12px;
  color: var(--orange-s);
  font-family: 'Mulish', sans-serif;
  font-size: 12px; font-weight: 700;
  cursor: pointer; transition: all .25s;
  margin-top: 6px;
}
.dm-showmore:hover {
  background: rgba(255,107,43,.15);
  border-color: var(--orange);
  border-style: solid;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px -6px rgba(255,107,43,.4);
}
.dm-showmore--less {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.15);
  color: var(--w60);
}
.dm-showmore--less:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.3);
  color: #fff;
  box-shadow: none;
}
.dm-showmore-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 50%;
  background: rgba(255,107,43,.2);
  font-size: 16px; font-weight: 900; flex-shrink: 0;
}
.dm-showmore--less .dm-showmore-icon { background: rgba(255,255,255,.08); }
.dm-showmore-dots { display: flex; gap: 4px; font-size: 16px; }

/* Share button */
.loc-abtn-share {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: 4px;
  padding: 5px 6px; border-radius: 8px;
  font-size: 10px; font-weight: 700;
  background: rgba(74,222,128,.10);
  border: 1px solid rgba(74,222,128,.25);
  color: #4ade80;
  cursor: pointer; transition: all .25s;
  font-family: 'Mulish', sans-serif;
}
.loc-abtn-share:hover { background: rgba(74,222,128,.25); color: #fff; }

.pop-btn-share {
  display: flex; align-items: center; justify-content: center; gap: 5px;
  padding: 8px 6px; border-radius: 10px;
  font-size: 11px; font-weight: 700;
  background: rgba(74,222,128,.12);
  border: 1px solid rgba(74,222,128,.35);
  color: #4ade80;
  cursor: pointer; transition: all .25s;
  font-family: 'Mulish', sans-serif;
}
.pop-btn-share:hover { background: rgba(74,222,128,.28); color: #fff; }

/* popup grid 3 cols */
.pop-btns { grid-template-columns: 1fr 1fr !important; }

/* Toast notification */
.dm-toast {
  position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%) translateY(20px);
  background: rgba(10,10,10,.96);
  border: 1px solid #4ade80;
  border-radius: 14px; padding: 12px 22px;
  font-size: 13px; font-weight: 700; color: #4ade80;
  z-index: 99999; pointer-events: none;
  opacity: 0; transition: all .35s cubic-bezier(.4,0,.2,1);
  white-space: nowrap;
  box-shadow: 0 8px 32px rgba(0,0,0,.6), 0 0 20px rgba(74,222,128,.2);
}
.dm-toast.show {
  opacity: 1; transform: translateX(-50%) translateY(0);
}

:root {
  --bg:      #0a0a0a;
  --orange:  #ff6b2b;
  --orange-s:#ff8a5c;
  --blue:    #2b9cff;
  --gold:    #f5c842;
  --gold-s:  #ffe066;
  --green:   #4ade80;
  --white:   #ffffff;
  --w80:     rgba(255,255,255,.80);
  --w50:     rgba(255,255,255,.50);
  --bdo:     rgba(245,200,66,.18);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Mulish',sans-serif;background:var(--bg);color:var(--white);min-height:100vh;overflow-x:hidden;}

.nw-section{
  position:relative;overflow:hidden;padding:72px 20px 90px;
  background:
    radial-gradient(ellipse at 10% 0%,   rgba(245,200,66,.10) 0%,transparent 45%),
    radial-gradient(ellipse at 90% 100%, rgba(255,107,43,.12) 0%,transparent 45%),
    radial-gradient(ellipse at 55% 50%,  rgba(43,156,255,.05) 0%,transparent 55%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.007) 0,rgba(255,255,255,.007) 1px,transparent 1px,transparent 12px),
    linear-gradient(160deg,#0d0c09,#000);
}
.nw-section::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 8%  12%,rgba(245,200,66,.8),transparent),
    radial-gradient(2px 2px at 28% 68%,rgba(255,107,43,.6),transparent),
    radial-gradient(2px 2px at 52% 22%,rgba(245,200,66,.5),transparent),
    radial-gradient(2px 2px at 73% 78%,rgba(255,107,43,.6),transparent),
    radial-gradient(2px 2px at 91% 35%,rgba(245,200,66,.7),transparent);
  background-size:420px 420px;background-repeat:repeat;
  opacity:.28;pointer-events:none;z-index:0;
  animation:nwDust 22s ease-in-out infinite alternate;
}
@keyframes nwDust{0%{transform:translateY(0)}100%{transform:translateY(-16px)}}
.nw-section::after{
  content:"";position:absolute;
  width:700px;height:700px;top:40%;left:50%;
  transform:translate(-50%,-50%);
  background:conic-gradient(from 20deg,transparent 0deg,rgba(245,200,66,.07) 80deg,rgba(255,107,43,.08) 160deg,rgba(43,156,255,.05) 260deg,transparent 360deg);
  filter:blur(80px);animation:nwRotate 32s linear infinite;
  pointer-events:none;z-index:0;
}
@keyframes nwRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
.nw-wrap{position:relative;z-index:2;max-width:1060px;margin:0 auto;}

/* ── HEADER ── */
.nw-header{text-align:center;margin-bottom:52px;}
.nw-chip{
  display:inline-flex;align-items:center;gap:7px;padding:7px 18px;
  background:rgba(245,200,66,.08);border:1px solid rgba(245,200,66,.3);
  border-radius:60px;font-size:12px;font-weight:700;color:var(--gold-s);margin-bottom:16px;
  animation:chipGold 3s ease-in-out infinite alternate;
}
@keyframes chipGold{0%{box-shadow:0 0 0 rgba(245,200,66,0)}100%{box-shadow:0 0 18px rgba(245,200,66,.2)}}
.nw-title{font-family:'Unbounded',sans-serif;font-size:clamp(30px,5.5vw,54px);font-weight:900;line-height:1.05;letter-spacing:-1px;margin-bottom:12px;}
.nw-title .t-gold{background:linear-gradient(135deg,#f5c842,#ff8a5c,#f5c842);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200%;animation:gradShift 5s ease infinite;}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.nw-title::after{content:"";display:block;width:80px;height:3px;margin:14px auto 0;background:linear-gradient(90deg,#f5c842,#ff6b2b,#2b9cff);border-radius:4px;box-shadow:0 0 14px rgba(245,200,66,.5);}
.nw-sub{font-size:14px;color:var(--w50);max-width:520px;margin:14px auto 0;line-height:1.75;}

/* ═══════════════════════════════
   FEATURED CARD — как маленькие карточки
   фото сверху отдельно, текст снизу отдельно
═══════════════════════════════ */
.nw-featured{
  background:rgba(12,12,12,.95);
  border:1px solid rgba(245,200,66,.22);
  border-radius:22px;
  overflow:hidden;
  cursor:pointer;
  transition:all .32s;
  display:flex;
  flex-direction:column;
  position:relative;
  margin-bottom:20px;
}
/* gold top line */
.nw-featured::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#f5c842,#ff8a5c,#ff6b2b);
  z-index:4;pointer-events:none;
}
.nw-featured:hover{
  border-color:rgba(245,200,66,.45);
  transform:translateY(-5px);
  box-shadow:0 22px 60px -14px rgba(0,0,0,.9),0 0 0 1px rgba(245,200,66,.15);
}

/* ── ФОТО БЛОК (верх, чистый) ── */
.nw-featured-img-wrap{
  position:relative;
  height:300px;
  overflow:hidden;
  flex-shrink:0;
}
.nw-featured-img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .55s cubic-bezier(.25,.46,.45,.94);
  filter:brightness(.75) saturate(.95);
}
.nw-featured:hover .nw-featured-img{
  transform:scale(1.05);
  filter:brightness(.88) saturate(1.05);
}
/* мягкое затухание вниз */
.nw-featured-img-overlay{
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(12,12,12,.5) 0%,transparent 45%);
}

/* Бейджи слева-сверху */
.nw-featured-top-badges{
  position:absolute;top:14px;left:14px;
  display:flex;gap:7px;flex-wrap:wrap;z-index:2;
}
.nw-feat-badge{
  padding:5px 12px;border-radius:20px;
  font-size:10px;font-weight:800;letter-spacing:.05em;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.nw-feat-badge.hot {background:rgba(255,107,43,.28);border:1px solid rgba(255,107,43,.55);color:#ffb899;}
.nw-feat-badge.game{background:rgba(245,200,66,.22);border:1px solid rgba(245,200,66,.5);color:var(--gold-s);}
.nw-feat-badge.soon{background:rgba(167,139,250,.22);border:1px solid rgba(167,139,250,.5);color:#c4b5fd;}

/* Цена справа-сверху */
.nw-featured-price{
  position:absolute;top:14px;right:14px;z-index:2;
  background:linear-gradient(135deg,#f5c842,#ff8a5c);
  border-radius:10px;padding:7px 15px;
  font-family:'Unbounded',sans-serif;font-size:12px;font-weight:900;
  color:#000;
  animation:pricePulse 2.8s ease-in-out infinite;
}
@keyframes pricePulse{
  0%,100%{box-shadow:0 4px 18px rgba(245,200,66,.45);}
  50%{box-shadow:0 6px 28px rgba(245,200,66,.8),0 0 0 3px rgba(245,200,66,.12);}
}

/* Статы справа-снизу внутри фото */
.nw-featured-stats{
  position:absolute;bottom:14px;right:14px;z-index:2;
  display:flex;flex-direction:column;gap:5px;align-items:flex-end;
}
.nw-stat-pill{
  display:flex;align-items:center;gap:5px;
  background:rgba(0,0,0,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;padding:4px 10px;
  font-size:11px;font-weight:700;color:rgba(255,255,255,.58);
}

/* ── ТЕКСТ БЛОК (низ, отдельный) ── */
.nw-featured-body{
  padding:22px 24px 24px;
  display:flex;flex-direction:column;
}

.nw-featured-inner-badges{
  display:flex;gap:7px;margin-bottom:13px;flex-wrap:wrap;
}
.nw-badge{
  padding:5px 12px;border-radius:20px;
  font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
}
.nw-badge.game {background:rgba(245,200,66,.15);border:1px solid rgba(245,200,66,.35);color:var(--gold-s);}
.nw-badge.paid {background:rgba(255,107,43,.15);border:1px solid rgba(255,107,43,.35);color:var(--orange-s);}
.nw-badge.soon {background:rgba(167,139,250,.15);border:1px solid rgba(167,139,250,.35);color:#c4b5fd;}
.nw-badge.free {background:rgba(74,222,128,.15);border:1px solid rgba(74,222,128,.35);color:#86efac;}
.nw-badge.app  {background:rgba(43,156,255,.15);border:1px solid rgba(43,156,255,.35);color:#7dcfff;}

.nw-featured-title{
  font-family:'Unbounded',sans-serif;
  font-size:clamp(15px,2.2vw,20px);
  font-weight:900;color:var(--white);
  line-height:1.25;margin-bottom:10px;
}
.nw-featured-desc{
  font-size:13px;color:var(--w50);
  line-height:1.72;margin-bottom:18px;
}
.nw-featured-footer{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.07);
}
.nw-meta-item{font-size:11px;color:rgba(255,255,255,.3);display:flex;align-items:center;gap:5px;}

.nw-read-btn{
  padding:10px 20px;
  background:linear-gradient(135deg,#f5c842,#ff8a5c);
  border:none;border-radius:12px;
  font-family:'Unbounded',sans-serif;font-size:11px;font-weight:900;
  color:#000;cursor:pointer;transition:all .25s;
  text-decoration:none;display:inline-flex;align-items:center;gap:6px;
  margin-left:auto;
}
.nw-read-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px -6px rgba(245,200,66,.5);}
.nw-read-sub{
  margin-left:0;
  background:rgba(43,156,255,.15);
  border:1px solid rgba(43,156,255,.4);
  color:#7dcfff;
}
.nw-read-sub:hover{box-shadow:0 8px 22px -6px rgba(43,156,255,.4);}

/* ── SMALL CARDS ── */
.nw-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:36px;}
.nw-card{
  background:rgba(12,12,12,.92);border:1px solid rgba(245,200,66,.13);
  border-radius:22px;overflow:hidden;cursor:pointer;transition:all .3s;
  display:flex;flex-direction:column;position:relative;
}
.nw-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .3s;}
.nw-card.cs::before{background:linear-gradient(90deg,#f5c842,#ff8a5c);}
.nw-card.app::before{background:linear-gradient(90deg,#2b9cff,#4ade80);}
.nw-card:hover::before{opacity:1;}
.nw-card:hover{border-color:rgba(245,200,66,.35);transform:translateY(-5px);box-shadow:0 16px 48px -12px rgba(0,0,0,.8),0 0 0 1px rgba(245,200,66,.1);}

.nw-card-img-wrap{position:relative;height:200px;overflow:hidden;flex-shrink:0;}
.nw-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94);filter:brightness(.7) saturate(.9);}
.nw-card:hover .nw-card-img{transform:scale(1.06);filter:brightness(.85) saturate(1);}
.nw-card-img-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.85) 0%,transparent 60%);}
.nw-card-float-badge{position:absolute;top:12px;left:12px;padding:5px 11px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.05em;backdrop-filter:blur(10px);}
.nw-price-tag{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f5c842,#ff8a5c);border-radius:10px;padding:6px 12px;font-family:'Unbounded',sans-serif;font-size:12px;font-weight:900;color:#000;box-shadow:0 4px 14px rgba(245,200,66,.4);}

.nw-card-body{padding:20px 20px 22px;flex:1;display:flex;flex-direction:column;}
.nw-card-badges{display:flex;gap:6px;margin-bottom:11px;flex-wrap:wrap;}
.nw-card-title{font-family:'Unbounded',sans-serif;font-size:14px;font-weight:800;color:var(--white);line-height:1.3;margin-bottom:10px;flex:1;}
.nw-card-desc{font-size:12px;color:var(--w50);line-height:1.65;margin-bottom:16px;}
.nw-card-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);}
.nw-card-date{font-size:11px;color:rgba(255,255,255,.3);display:flex;align-items:center;gap:5px;}
.nw-card-btn{padding:8px 16px;border-radius:10px;font-family:'Unbounded',sans-serif;font-size:10px;font-weight:800;cursor:pointer;transition:all .22s;border:1px solid;text-decoration:none;display:inline-flex;align-items:center;gap:5px;}
.nw-card.cs  .nw-card-btn{background:rgba(245,200,66,.10);border-color:rgba(245,200,66,.3);color:var(--gold);}
.nw-card.app .nw-card-btn{background:rgba(43,156,255,.10);border-color:rgba(43,156,255,.3);color:#7dcfff;}
.nw-card-btn:hover{transform:translateX(3px);filter:brightness(1.2);}
.nw-card-btn-sub{background:rgba(43,156,255,.10)!important;border-color:rgba(43,156,255,.3)!important;color:#7dcfff!important;}

/* ── MOBILE ── */
@media(max-width:680px){
  .nw-section{padding:48px 14px 64px;}
  .nw-grid{grid-template-columns:1fr;}
  .nw-featured-img-wrap{height:210px;}
  .nw-featured-body{padding:16px 16px 18px;}
  .nw-featured-footer{gap:8px;}
  .nw-read-btn{margin-left:0;flex:1;justify-content:center;font-size:10px;padding:9px 14px;}
}

:root {
  --orange:  #ff6b2b; --orange-s:#ff8a5c;
  --blue:    #2b9cff; --blue-s:  #5cb3ff;
  --green:   #4ade80; --purple:  #a78bfa;
  --pink:    #f472b6; --yellow:  #fbbf24;
  --bg:      #0a0a0a;
  --w90: rgba(255,255,255,.90);
  --w60: rgba(255,255,255,.60);
  --w30: rgba(255,255,255,.26);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Mulish',sans-serif;background:var(--bg);color:#fff;overflow-x:hidden;}

/* ─── SECTION ─── */
.vr{
  position:relative;overflow:hidden;padding:96px 20px 110px;
  background:
    radial-gradient(ellipse 55% 60% at 0% 25%,rgba(255,107,43,.12) 0%,transparent 55%),
    radial-gradient(ellipse 50% 55% at 100% 75%,rgba(43,156,255,.10) 0%,transparent 55%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 10px),
    linear-gradient(170deg,#0d0d0d,#000);
}
.vr__conic{
  position:absolute;top:-40%;left:-20%;width:140%;height:140%;
  pointer-events:none;z-index:0;filter:blur(100px);
  background:conic-gradient(from 160deg at 50% 50%,transparent 0deg,rgba(255,107,43,.08) 110deg,rgba(43,156,255,.08) 240deg,transparent 360deg);
  animation:spin 34s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg);}}
.vr__wrap{position:relative;z-index:2;max-width:1160px;margin:0 auto;}

/* ─── HEADER ─── */
.vr__head{text-align:center;margin-bottom:60px;}
.vr__badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;}
.vr__badge-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--orange);box-shadow:0 0 8px var(--orange),0 0 18px rgba(255,107,43,.4);
  animation:blink 2.2s ease-in-out infinite;
}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.2;}}
.vr__badge-txt{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--w30);}
.vr__title{
  font-family:'Unbounded',sans-serif;
  font-size:clamp(30px,5vw,54px);font-weight:900;line-height:1.05;letter-spacing:-1.5px;margin-bottom:14px;
}
.vr__title span{
  background:linear-gradient(120deg,#ff6b2b,#ff9a5c,#2b9cff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  background-size:200%;animation:gm 7s ease infinite;
}
@keyframes gm{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.vr__line{display:block;width:80px;height:3px;margin:0 auto 16px;background:linear-gradient(90deg,#ff6b2b,#2b9cff);border-radius:3px;box-shadow:0 0 14px rgba(255,107,43,.5);}
.vr__sub{font-size:15px;color:var(--w60);max-width:500px;margin-inline:auto;line-height:1.75;}

/* ─── GRID ─── */
.vr__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}

/* ─── CARD ─── */
.vc{
  border-radius:22px;overflow:hidden;
  background:rgba(12,12,12,.92);
  border:1px solid rgba(255,255,255,.08);
  display:flex;flex-direction:column;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  animation:cardIn .5s ease both;position:relative;
}
.vc:nth-child(1){animation-delay:.04s;}
.vc:nth-child(2){animation-delay:.10s;}
.vc:nth-child(3){animation-delay:.16s;}
.vc:nth-child(4){animation-delay:.22s;}
.vc:nth-child(5){animation-delay:.28s;}
@keyframes cardIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}

.vc::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  border-radius:2px 2px 0 0;z-index:5;
  background:linear-gradient(90deg,var(--c1),var(--c2));
  opacity:0;transition:opacity .3s;
}
.vc:hover::before{opacity:1;}
.vc:hover{
  border-color:color-mix(in srgb,var(--c1) 40%,transparent);
  transform:translateY(-5px);
  box-shadow:0 24px 50px -14px color-mix(in srgb,var(--c1) 30%,transparent);
}

.vc[data-cat="music"]{--c1:#fbbf24;--c2:#fcd34d;}
.vc[data-cat="smm"]  {--c1:#f472b6;--c2:#fb7185;}
.vc[data-cat="3d"]   {--c1:#a78bfa;--c2:#c4b5fd;}
.vc[data-cat="site"] {--c1:#ff6b2b;--c2:#ff9a5c;}

.vc__thumb{
  position:relative;aspect-ratio:16/9;
  background:#0d0d0d;flex-shrink:0;overflow:hidden;cursor:pointer;
}
.vc__thumb.gone{display:none;}

.vc__img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s cubic-bezier(.4,0,.2,1),filter .4s;
  filter:brightness(.8);
}
.vc__thumb:hover .vc__img{transform:scale(1.06);filter:brightness(.55);}

.vc__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,transparent 55%);pointer-events:none;}

.vc__cat{
  position:absolute;top:11px;left:11px;z-index:5;
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 11px;border-radius:20px;
  font-size:10px;font-weight:800;letter-spacing:.04em;color:#fff;
  background:color-mix(in srgb,var(--c1) 65%,black);
  border:1px solid color-mix(in srgb,var(--c1) 50%,transparent);
  backdrop-filter:blur(8px);
}

.vc__sec{
  position:absolute;bottom:10px;right:10px;z-index:5;
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 10px;border-radius:8px;
  background:rgba(0,0,0,.78);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.13);
  font-size:10px;font-weight:700;color:#fff;
}
.vc__sec-dot{width:5px;height:5px;border-radius:50%;background:var(--c1);flex-shrink:0;animation:blink 1.6s ease-in-out infinite;}

.vc__play{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);z-index:4;pointer-events:none;
  transition:transform .3s cubic-bezier(.23,1,.32,1);
}
.vc__thumb:hover .vc__play{transform:translate(-50%,-50%) scale(1.14);}
.vc__play-btn{
  width:58px;height:58px;border-radius:50%;
  background:rgba(255,255,255,.14);
  border:2px solid rgba(255,255,255,.55);
  display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(8px);transition:all .3s;
}
.vc__thumb:hover .vc__play-btn{background:rgba(255,255,255,.26);box-shadow:0 0 0 12px rgba(255,255,255,.07);}
.vc__play-icon{
  width:0;height:0;border-style:solid;
  border-width:9px 0 9px 17px;
  border-color:transparent transparent transparent #fff;
  margin-left:4px;
}

.vc__player{
  position:relative;aspect-ratio:16/9;flex-shrink:0;display:none;
  background:#000;
}
.vc__player.on{display:block;}
.vc__player iframe{width:100%;height:100%;border:none;display:block;}

.vc__info{padding:18px 18px 16px;display:flex;flex-direction:column;gap:12px;flex:1;}

.vc__user{display:flex;align-items:center;gap:10px;}
.vc__ava{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:800;
  background:color-mix(in srgb,var(--c1) 14%,transparent);
  border:1.5px solid color-mix(in srgb,var(--c1) 35%,transparent);
}
.vc__name{font-size:13px;font-weight:700;color:var(--w90);line-height:1.2;}
.vc__role{font-size:10px;color:var(--w30);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:1px;}
.vc__stars{font-size:11px;margin-left:auto;flex-shrink:0;}

.vc__title{font-size:14px;font-weight:700;color:var(--w90);line-height:1.5;}
.vc__desc{font-size:12.5px;line-height:1.75;color:var(--w60);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

.vc__foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.vc__tag{
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;
  background:color-mix(in srgb,var(--c1) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--c1) 28%,transparent);
  color:var(--c2);
}
.vc__links{display:flex;gap:6px;flex-wrap:wrap;}
.vc__link{
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);
  color:var(--w60);text-decoration:none;transition:all .2s;
}
.vc__link:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.22);}

.vr__cta{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:52px;}
.vr__cta-lbl{font-size:12px;color:var(--w30);}
.btn{display:inline-flex;align-items:center;gap:7px;padding:12px 26px;border-radius:12px;font-family:'Mulish',sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;cursor:pointer;border:none;}
.btn--primary{background:linear-gradient(135deg,#ff6b2b,#ff8a5c);color:#fff;box-shadow:0 8px 24px -6px rgba(255,107,43,.44);}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px -6px rgba(255,107,43,.58);}
.btn--ghost{background:rgba(255,255,255,.04);color:var(--w60);border:1px solid rgba(255,255,255,.10);}
.btn--ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff;transform:translateY(-2px);}

@media(max-width:960px){.vr__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.vr__grid{grid-template-columns:1fr;}}

:root{
  --bg:#0a0a0a;
  --orange:#ff6b2b;--orange-s:#ff8a5c;
  --blue:#2b9cff;--gold:#f5c842;--gold-s:#ffe066;
  --green:#4ade80;--red:#ff4d4d;
  --white:#fff;--w50:rgba(255,255,255,.5);--w80:rgba(255,255,255,.8);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Mulish',sans-serif;background:var(--bg);color:var(--white);min-height:100vh;overflow-x:hidden;}

/* ── SECTION BG ── */
.lc-section{
  position:relative;overflow:hidden;padding:64px 20px 80px;
  background:
    radial-gradient(circle at 15% 25%,rgba(245,200,66,.12) 0%,transparent 40%),
    radial-gradient(circle at 85% 75%,rgba(255,107,43,.14) 0%,transparent 40%),
    linear-gradient(160deg,#0d0d0a,#000);
}
.lc-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(3px 3px at 10% 20%,rgba(245,200,66,.6),transparent),
    radial-gradient(2px 2px at 30% 60%,rgba(255,107,43,.5),transparent),
    radial-gradient(3px 3px at 75% 40%,rgba(43,156,255,.5),transparent),
    radial-gradient(2px 2px at 65% 80%,rgba(245,200,66,.5),transparent);
  background-size:400px 400px;background-repeat:repeat;opacity:.4;
  animation:floatP 20s ease-in-out infinite alternate;
}
@keyframes floatP{0%{transform:translateY(0)}100%{transform:translateY(-18px)}}
.lc-wrap{position:relative;z-index:2;max-width:900px;margin:0 auto;}

/* ── HEADER ── */
.lc-header{text-align:center;margin-bottom:40px;}
.lc-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 20px;background:rgba(245,200,66,.10);border:1px solid rgba(245,200,66,.35);border-radius:60px;font-size:13px;font-weight:700;color:var(--gold-s);margin-bottom:18px;animation:chipGlow 3s ease-in-out infinite alternate;}
@keyframes chipGlow{0%{box-shadow:none}100%{box-shadow:0 0 20px rgba(245,200,66,.25)}}
.lc-title{font-family:'Unbounded',sans-serif;font-size:clamp(32px,6vw,58px);font-weight:900;line-height:1.05;letter-spacing:-1px;margin-bottom:12px;}
.lc-title .t-gold{background:linear-gradient(135deg,#f5c842,#ff8a5c,#f5c842);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200%;animation:gs 5s ease infinite;}
@keyframes gs{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.lc-title::after{content:"";display:block;width:100px;height:3px;margin:14px auto 0;background:linear-gradient(90deg,#f5c842,#ff6b2b,#2b9cff);border-radius:4px;}
.lc-sub{font-size:15px;color:var(--w50);max-width:500px;margin:14px auto 0;line-height:1.7;}

/* ── RULES — одна рамка ── */
.lc-rules{
  display:flex;
  background:rgba(12,12,12,.88);
  border:1px solid rgba(245,200,66,.18);
  border-radius:18px;
  overflow:hidden;
  margin-bottom:24px;
  position:relative;
}
.lc-rules::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f5c842,#ff6b2b,#2b9cff);pointer-events:none;}
.lc-rule{flex:1;padding:16px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.06);}
.lc-rule:last-child{border-right:none;}
.lc-rule-title{font-family:'Unbounded',sans-serif;font-size:9.5px;font-weight:700;color:var(--gold);margin-bottom:5px;}
.lc-rule-desc{font-size:10px;color:var(--w50);line-height:1.55;}

/* ── СТАВКИ — одна строка ── */
.bets-row{display:flex;gap:10px;margin-bottom:18px;}

.bet-card{
  flex:1;
  background:rgba(14,14,14,.95);
  border:1px solid rgba(245,200,66,.2);
  border-radius:16px;
  padding:16px 12px 14px;
  text-align:center;
  cursor:pointer;
  transition:border-color .2s, transform .2s, box-shadow .2s;
  position:relative; /* для кнопки ! */
}
.bet-card:hover{
  border-color:var(--gold);
  transform:translateY(-2px);
  box-shadow:0 8px 24px -6px rgba(245,200,66,.35);
}
.bet-card.active{
  border-color:var(--gold);
  background:rgba(245,200,66,.08);
  box-shadow:0 0 0 2px rgba(245,200,66,.15);
}
.bet-amount{
  display:block;
  font-family:'Unbounded',sans-serif;
  font-size:22px;font-weight:900;
  color:rgba(255,255,255,.7);
  line-height:1;margin-bottom:6px;
}
.bet-card.active .bet-amount{color:var(--gold);}
.bet-label{
  display:block;font-size:11px;font-weight:700;
  color:rgba(255,255,255,.4);
}
.bet-card.active .bet-label{color:rgba(245,200,66,.7);}

/* Кнопка ! */
.bet-info-btn{
  position:absolute;
  top:-9px;right:-9px;
  width:22px;height:22px;
  border-radius:50%;
  background:linear-gradient(135deg,#f5c842,#ff8a5c);
  border:2px solid #0a0a0a;
  color:#000;
  font-size:12px;font-weight:900;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:transform .15s;
  box-shadow:0 2px 8px rgba(0,0,0,.6);
  z-index:5;
  line-height:1;
  padding:0;
}
.bet-info-btn:hover{transform:scale(1.2);}
.bet-info-btn:active{transform:scale(.9);}

/* FREE SPIN */
.free-row{display:none;margin-bottom:14px;}
.free-card{
  width:100%;padding:13px 18px;
  background:rgba(43,156,255,.07);
  border:1px solid rgba(43,156,255,.28);
  border-radius:14px;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  transition:background .2s;
}
.free-card:hover,.free-card.active{background:rgba(43,156,255,.15);border-color:rgba(43,156,255,.5);}
.free-label{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:800;color:var(--blue);}
.free-desc{font-size:11px;color:rgba(43,156,255,.6);margin-top:2px;}
.free-badge{padding:5px 12px;border-radius:10px;background:rgba(43,156,255,.15);border:1px solid rgba(43,156,255,.3);font-family:'Unbounded',sans-serif;font-size:11px;font-weight:800;color:var(--blue);}

/* ── МАШИНА ── */
.lc-machine{
  background:rgba(10,10,10,.98);
  border:2px solid rgba(245,200,66,.25);
  border-radius:28px;padding:28px;margin-bottom:24px;
  box-shadow:0 24px 60px -16px rgba(0,0,0,.9);
  position:relative;
}
.machine-title{text-align:center;margin-bottom:20px;font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;letter-spacing:.15em;color:rgba(245,200,66,.5);text-transform:uppercase;}

/* REELS */
.reels{display:flex;gap:10px;justify-content:center;margin-bottom:20px;}
.reel-wrap{position:relative;width:110px;height:110px;border-radius:18px;overflow:hidden;background:rgba(5,5,5,.98);border:2px solid rgba(245,200,66,.18);box-shadow:0 4px 20px rgba(0,0,0,.6);}
.reel-wrap::before{content:"";position:absolute;top:0;left:0;right:0;height:32px;z-index:5;background:linear-gradient(180deg,rgba(5,5,5,.98),transparent);pointer-events:none;}
.reel-wrap::after{content:"";position:absolute;bottom:0;left:0;right:0;height:32px;z-index:5;background:linear-gradient(0deg,rgba(5,5,5,.98),transparent);pointer-events:none;}
.reel-line{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:110px;z-index:4;border-top:2px solid rgba(245,200,66,.5);border-bottom:2px solid rgba(245,200,66,.5);pointer-events:none;}
.reel{display:flex;flex-direction:column;align-items:center;will-change:transform;}
.reel-sym{width:110px;height:110px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:800;color:var(--w80);text-align:center;padding:6px;line-height:1.3;}
.reel-wrap.spinning{border-color:rgba(245,200,66,.5);}
.reel-wrap.r-win{border-color:var(--gold);box-shadow:0 0 30px rgba(245,200,66,.5);animation:winP .4s ease infinite alternate;}
.reel-wrap.r-lose{border-color:rgba(255,77,77,.3);}
@keyframes winP{0%{box-shadow:0 0 20px rgba(245,200,66,.4)}100%{box-shadow:0 0 40px rgba(245,200,66,.8)}}

/* SPIN BTN */
.spin-btn{
  display:block;width:100%;padding:18px;
  background:linear-gradient(135deg,#f5c842,#ff8a5c,#ff6b2b);
  border:none;border-radius:16px;
  font-family:'Unbounded',sans-serif;font-size:16px;font-weight:900;
  color:#0a0a0a;cursor:pointer;transition:transform .2s, box-shadow .2s;
  box-shadow:0 8px 28px -6px rgba(245,200,66,.5);
}
.spin-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px -6px rgba(245,200,66,.65);}
.spin-btn:disabled{background:rgba(40,40,40,1);color:rgba(255,255,255,.3);box-shadow:none;cursor:not-allowed;transform:none;}

/* RESULT */
.result-box{margin-top:16px;padding:16px 20px;border-radius:16px;text-align:center;display:none;}
.result-box.win{display:block;background:rgba(74,222,128,.10);border:1px solid rgba(74,222,128,.35);}
.result-box.lose{display:block;background:rgba(255,77,77,.08);border:1px solid rgba(255,77,77,.25);}
.result-box h3{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:900;margin-bottom:6px;}
.result-box.win h3{color:var(--green);}
.result-box.lose h3{color:var(--red);}
.result-box p{font-size:13px;color:var(--w50);line-height:1.5;}

/* CONFETTI */
.confetti-p{position:fixed;border-radius:2px;animation:cFall linear forwards;pointer-events:none;z-index:9999;}
@keyframes cFall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}

/* SHARE */
.share-box{background:rgba(12,12,12,.92);border:1px solid rgba(245,200,66,.2);border-radius:22px;padding:24px;margin-bottom:24px;display:none;}
.share-box.show{display:block;}
.share-title{font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;margin-bottom:6px;color:var(--gold);}
.share-sub{font-size:12px;color:var(--w50);margin-bottom:16px;line-height:1.6;}
.share-counter{display:flex;background:rgba(245,200,66,.05);border:1px solid rgba(245,200,66,.15);border-radius:14px;overflow:hidden;margin-bottom:16px;}
.sc-item{flex:1;text-align:center;padding:12px 8px;}
.sc-num{display:block;font-family:'Unbounded',sans-serif;font-size:22px;font-weight:900;background:linear-gradient(135deg,#f5c842,#ff8a5c);-webkit-background-clip:text;background-clip:text;color:transparent;}
.sc-label{display:block;font-size:10px;color:var(--w50);margin-top:4px;font-weight:600;}
.sc-div{width:1px;background:rgba(245,200,66,.12);align-self:stretch;}
.friend-slots{display:flex;gap:10px;margin-bottom:16px;}
.friend-slot{flex:1;background:rgba(245,200,66,.05);border:1px dashed rgba(245,200,66,.25);border-radius:14px;padding:14px 8px;text-align:center;cursor:pointer;transition:all .25s;font-size:12px;color:var(--w50);}
.friend-slot:hover{border-color:var(--gold);background:rgba(245,200,66,.1);color:var(--gold);transform:translateY(-2px);}
.friend-slot.invited{border-style:solid;border-color:var(--green);background:rgba(74,222,128,.08);color:var(--green);}
.friend-slot .fi{font-size:24px;margin-bottom:6px;display:block;}
.friend-slot .fl{font-size:10px;font-weight:700;}
.share-all-btn{width:100%;padding:13px;background:rgba(245,200,66,.1);border:1px solid rgba(245,200,66,.3);border-radius:12px;font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;color:var(--gold);cursor:pointer;transition:all .25s;}
.share-all-btn:hover{background:rgba(245,200,66,.2);transform:translateY(-2px);}
.prog-row{display:flex;align-items:center;gap:10px;margin-top:14px;}
.prog-bar{flex:1;height:6px;background:rgba(255,255,255,.08);border-radius:6px;overflow:hidden;}
.prog-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#f5c842,#ff8a5c);transition:width .5s;}
.prog-label{font-size:11px;color:var(--w50);white-space:nowrap;}

/* ALGO */
.algo-box{display:flex;gap:14px;background:rgba(12,12,12,.88);border:1px solid rgba(245,200,66,.15);border-radius:18px;padding:18px 20px;margin-bottom:14px;}
.algo-icon{font-size:28px;flex-shrink:0;}
.algo-text h4{font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;color:var(--gold);margin-bottom:7px;}
.algo-text p{font-size:12px;color:var(--w50);line-height:1.65;}

/* PRIZES */
.prizes-box{background:rgba(12,12,12,.88);border:1px solid rgba(245,200,66,.15);border-radius:20px;overflow:hidden;margin-bottom:24px;}
.prizes-head{padding:14px 20px;background:rgba(245,200,66,.06);border-bottom:1px solid rgba(245,200,66,.12);font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;color:var(--gold);display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;}
.prize-row{display:grid;grid-template-columns:2fr 1fr 1fr;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.04);font-size:12px;align-items:center;}
.prize-row:last-child{border-bottom:none;}
.pr-combo{font-weight:700;}
.pr-reward{color:var(--gold);font-weight:700;font-family:'Unbounded',sans-serif;font-size:11px;}
.pr-chance{color:var(--w50);font-size:11px;text-align:right;}
.pr-rare{color:var(--green)!important;}

/* WEEKLY */
.weekly-box{background:linear-gradient(135deg,rgba(43,156,255,.08),rgba(245,200,66,.06));border:1px solid rgba(43,156,255,.25);border-radius:20px;padding:20px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.weekly-icon{font-size:36px;flex-shrink:0;animation:wb 2s ease-in-out infinite;}
@keyframes wb{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.weekly-text{flex:1;min-width:200px;}
.weekly-text h4{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;color:var(--blue);margin-bottom:4px;}
.weekly-text p{font-size:12px;color:var(--w50);line-height:1.5;}
.weekly-btn{padding:11px 22px;background:rgba(43,156,255,.15);border:1px solid rgba(43,156,255,.35);border-radius:12px;cursor:pointer;font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;color:var(--blue);transition:all .25s;white-space:nowrap;}
.weekly-btn:hover{background:rgba(43,156,255,.3);color:#fff;transform:translateY(-2px);}

/* ══════════════════════════════
   ПОПАП — центр экрана
══════════════════════════════ */
.popup-overlay{
  display:none;
  position:fixed;inset:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(5px);
  z-index:9999;
  align-items:center;
  justify-content:center;
}
.popup-overlay.open{display:flex;}

.popup-box{
  background:#0e0e0e;
  border:1px solid rgba(245,200,66,.45);
  border-radius:22px;
  padding:28px 24px 24px;
  max-width:340px;width:92%;
  position:relative;
  box-shadow:0 0 60px rgba(245,200,66,.12),0 28px 70px rgba(0,0,0,.95);
  animation:popIn .3s cubic-bezier(.34,1.56,.64,1);
}
@keyframes popIn{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}

.popup-close{
  position:absolute;top:13px;right:13px;
  width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,.07);border:none;
  color:rgba(255,255,255,.45);font-size:14px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background .2s;
}
.popup-close:hover{background:rgba(255,60,60,.25);color:#fff;}

.popup-amount{
  font-family:'Unbounded',sans-serif;font-size:36px;font-weight:900;
  background:linear-gradient(135deg,#f5c842,#ff8a5c);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  display:block;line-height:1;margin-bottom:2px;
}
.popup-sub{font-size:12px;color:var(--w50);margin-bottom:4px;display:block;}
.popup-tier{font-size:13px;color:var(--gold);font-weight:700;margin-bottom:14px;display:block;}
.popup-divider{height:1px;background:rgba(255,255,255,.07);margin-bottom:14px;}
.popup-prizes{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
.popup-prize{display:flex;align-items:center;gap:11px;background:rgba(245,200,66,.05);border:1px solid rgba(245,200,66,.12);border-radius:12px;padding:10px 13px;}
.pp-icon{font-size:22px;flex-shrink:0;}
.pp-name{font-size:13px;font-weight:700;color:var(--white);margin-bottom:2px;}
.pp-desc{font-size:10px;color:var(--w50);}
.popup-chance{background:rgba(255,107,43,.08);border:1px solid rgba(255,107,43,.22);border-radius:10px;padding:10px 13px;font-size:12px;color:var(--w50);text-align:center;line-height:1.5;}
.popup-chance strong{color:var(--orange-s);}

/* TOAST — центр экрана, тёмный фон */
.toast-overlay{
  display:none;
  position:fixed;inset:0;
  background:rgba(0,0,0,.75);
  backdrop-filter:blur(4px);
  z-index:10000;
  align-items:center;
  justify-content:center;
}
.toast-overlay.open{display:flex;}
.toast-box{
  background:#0e0e0e;
  border:1px solid rgba(245,200,66,.5);
  border-radius:20px;
  padding:24px 28px;
  max-width:300px;width:88%;
  text-align:center;
  box-shadow:0 0 40px rgba(245,200,66,.15),0 24px 60px rgba(0,0,0,.9);
  animation:popIn .3s cubic-bezier(.34,1.56,.64,1);
}
.toast-icon{font-size:36px;display:block;margin-bottom:10px;}
.toast-msg{display:block;font-size:14px;font-weight:700;color:var(--gold);line-height:1.5;}

/* RESPONSIVE */
@media(max-width:600px){
  .lc-rules{flex-direction:column;}
  .lc-rule{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);}
  .lc-rule:last-child{border-bottom:none;}
  .reels{gap:6px;}
  .reel-wrap{width:88px;height:88px;}
  .reel-sym{width:88px;height:88px;}
  .prize-row{grid-template-columns:2fr 1fr;}
  .pr-chance{display:none;}
}

:root{
  --bg:#080808;
  --gold:#f5c842;--gold-s:#ffe066;
  --orange:#ff6b2b;--orange-s:#ff8a5c;
  --blue:#2b9cff;
  --white:#fff;
  --w60:rgba(255,255,255,.6);
  --w30:rgba(255,255,255,.3);
  --w08:rgba(255,255,255,.08);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Mulish',sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden;}

/* ── BG ── */
.av{
  position:relative;overflow:hidden;
  padding:80px 20px 100px;
  background:
    radial-gradient(ellipse at 15% 10%,  rgba(245,200,66,.09) 0%,transparent 45%),
    radial-gradient(ellipse at 85% 90%,  rgba(255,107,43,.10) 0%,transparent 45%),
    repeating-linear-gradient(60deg,rgba(255,255,255,.005) 0,rgba(255,255,255,.005) 1px,transparent 1px,transparent 14px),
    #060606;
}
.av::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(2px 2px at 7%  18%,rgba(245,200,66,.55),transparent),
    radial-gradient(2px 2px at 30% 72%,rgba(255,107,43,.45),transparent),
    radial-gradient(2px 2px at 62% 20%,rgba(245,200,66,.50),transparent),
    radial-gradient(2px 2px at 88% 60%,rgba(255,107,43,.45),transparent);
  background-size:380px 380px;opacity:.3;
  animation:dust 20s ease-in-out infinite alternate;
}
@keyframes dust{0%{transform:translateY(0)}100%{transform:translateY(-12px)}}

.av-wrap{position:relative;z-index:2;max-width:1000px;margin:0 auto;}

/* ── HEADER ── */
.av-head{text-align:center;margin-bottom:58px;}
.av-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 20px;border-radius:60px;
  background:rgba(245,200,66,.07);border:1px solid rgba(245,200,66,.25);
  font-size:12px;font-weight:700;color:var(--gold-s);
  margin-bottom:18px;letter-spacing:.04em;
  animation:glow 3s ease-in-out infinite alternate;
}
@keyframes glow{0%{box-shadow:none}100%{box-shadow:0 0 22px rgba(245,200,66,.18)}}
h1.av-title{
  font-family:'Unbounded',sans-serif;
  font-size:clamp(28px,5vw,52px);
  font-weight:900;line-height:1.06;letter-spacing:-1.5px;
}
h1.av-title span{
  background:linear-gradient(120deg,#f5c842,#ff8a5c 50%,#f5c842);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  background-size:200%;animation:gs 5s ease infinite;
}
@keyframes gs{0%,100%{background-position:0%}50%{background-position:100%}}
h1.av-title::after{
  content:"";display:block;width:70px;height:3px;
  margin:16px auto 0;border-radius:4px;
  background:linear-gradient(90deg,#f5c842,#ff6b2b,#2b9cff);
  box-shadow:0 0 12px rgba(245,200,66,.4);
}
.av-head p{margin:14px auto 0;max-width:420px;font-size:14px;color:var(--w60);line-height:1.75;}

/* ══════════════════════
   4 CARDS — 2×2 GRID
══════════════════════ */
.av-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.av-card{
  position:relative;overflow:hidden;
  border-radius:24px;
  padding:36px 30px 30px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.03);
  backdrop-filter:blur(10px);
  transition:transform .32s ease, border-color .32s ease, box-shadow .32s ease;
  cursor:default;
}

/* animated gradient border on hover via pseudo */
.av-card::before{
  content:"";
  position:absolute;inset:0;border-radius:24px;
  padding:1px;
  background:linear-gradient(135deg,rgba(245,200,66,.6),rgba(255,107,43,.4),rgba(43,156,255,.3));
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;transition:opacity .32s;
}
.av-card:hover::before{opacity:1;}

/* glow blob per card */
.av-card::after{
  content:"";position:absolute;
  width:180px;height:180px;
  border-radius:50%;
  filter:blur(50px);
  opacity:0;transition:opacity .4s;
  pointer-events:none;
  bottom:-40px;right:-40px;
}
.av-card:hover::after{opacity:.55;}
.av-card.c1::after{background:#f5c842;}
.av-card.c2::after{background:#2b9cff;}
.av-card.c3::after{background:#ff6b2b;}
.av-card.c4::after{background:#4ade80;}

.av-card:hover{
  transform:translateY(-7px) scale(1.01);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 24px 60px -14px rgba(0,0,0,.85);
}

/* Icon circle */
.av-icon{
  width:64px;height:64px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:28px;margin-bottom:22px;
  position:relative;z-index:1;
  transition:transform .32s cubic-bezier(.34,1.56,.64,1);
}
.av-card.c1 .av-icon{background:rgba(245,200,66,.10);border:1px solid rgba(245,200,66,.22);}
.av-card.c2 .av-icon{background:rgba(43,156,255,.10); border:1px solid rgba(43,156,255,.22);}
.av-card.c3 .av-icon{background:rgba(255,107,43,.10); border:1px solid rgba(255,107,43,.22);}
.av-card.c4 .av-icon{background:rgba(74,222,128,.10); border:1px solid rgba(74,222,128,.22);}
.av-card:hover .av-icon{transform:scale(1.1) rotate(-8deg);}

/* 24/7 special */
.av-icon-text{
  font-family:'Unbounded',sans-serif;
  font-size:18px;font-weight:900;
  color:#4ade80;
}

/* Title */
.av-card-title{
  font-family:'Unbounded',sans-serif;
  font-size:16px;font-weight:800;
  color:var(--white);line-height:1.2;
  margin-bottom:10px;position:relative;z-index:1;
  transition:color .28s;
}
.av-card.c1:hover .av-card-title{color:var(--gold-s);}
.av-card.c2:hover .av-card-title{color:#7dd3fc;}
.av-card.c3:hover .av-card-title{color:var(--orange-s);}
.av-card.c4:hover .av-card-title{color:#86efac;}

/* Desc */
.av-card-desc{
  font-size:13px;color:var(--w60);
  line-height:1.7;position:relative;z-index:1;
}

/* bottom accent line */
.av-line{
  position:absolute;bottom:0;left:0;right:0;height:2px;
  transform:scaleX(0);transform-origin:left;
  transition:transform .38s cubic-bezier(.25,.46,.45,.94);
}
.av-card.c1 .av-line{background:linear-gradient(90deg,#f5c842,#ff8a5c);}
.av-card.c2 .av-line{background:linear-gradient(90deg,#2b9cff,#7dd3fc);}
.av-card.c3 .av-line{background:linear-gradient(90deg,#ff6b2b,#ff8a5c);}
.av-card.c4 .av-line{background:linear-gradient(90deg,#4ade80,#86efac);}
.av-card:hover .av-line{transform:scaleX(1);}

/* RESPONSIVE */
@media(max-width:600px){
  .av-grid{grid-template-columns:1fr;}
  .av-card{padding:26px 22px 24px;}
}

:root {
  --bg:       #0a0a0a;
  --orange:   #ff6b2b;
  --orange-s: #ff8a5c;
  --blue:     #2b9cff;
  --gold:     #f5c842;
  --gold-s:   #ffe066;
  --green:    #4ade80;
  --white:    #ffffff;
  --w80:      rgba(255,255,255,.80);
  --w50:      rgba(255,255,255,.50);
  --w20:      rgba(255,255,255,.12);
  --bdo:      rgba(245,200,66,.18);
}

/* ══════════════════════════════
   SECTION
══════════════════════════════ */
.ab-section {
  position:relative; overflow:hidden;
  padding:72px 20px 90px;
  background:
    radial-gradient(ellipse at 10% 0%,   rgba(245,200,66,.10) 0%, transparent 45%),
    radial-gradient(ellipse at 90% 100%, rgba(255,107,43,.12) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 50%,  rgba(43,156,255,.05) 0%, transparent 55%),
    repeating-linear-gradient(
      -45deg,
      rgba(255,255,255,.008) 0, rgba(255,255,255,.008) 1px,
      transparent 1px, transparent 12px),
    linear-gradient(170deg,#0d0c09,#000);
}

/* Rotating glow ring */
.ab-section::before {
  content:""; position:absolute;
  width:700px; height:700px;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:conic-gradient(from 0deg,
    transparent 0deg,
    rgba(245,200,66,.07) 80deg,
    rgba(255,107,43,.09) 160deg,
    transparent 220deg,
    rgba(43,156,255,.06) 300deg,
    transparent 360deg);
  filter:blur(60px);
  animation:abRotate 30s linear infinite;
  pointer-events:none; z-index:0;
}
@keyframes abRotate { to { transform:translate(-50%,-50%) rotate(360deg); } }

/* Gold dust particles */
.ab-section::after {
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(1.5px 1.5px at 8%  15%, rgba(245,200,66,.8), transparent),
    radial-gradient(2px   2px   at 25% 70%, rgba(255,107,43,.6), transparent),
    radial-gradient(1.5px 1.5px at 42% 30%, rgba(245,200,66,.5), transparent),
    radial-gradient(2px   2px   at 60% 85%, rgba(43,156,255,.6),  transparent),
    radial-gradient(1.5px 1.5px at 78% 20%, rgba(245,200,66,.7), transparent),
    radial-gradient(2px   2px   at 92% 60%, rgba(255,107,43,.5), transparent);
  background-size:320px 320px; background-repeat:repeat;
  opacity:.35; pointer-events:none; z-index:0;
  animation:abDust 18s ease-in-out infinite alternate;
}
@keyframes abDust {
  0%   { transform:translateY(0); }
  100% { transform:translateY(-16px); }
}

.ab-wrap {
  position:relative; z-index:2;
  max-width:960px; margin:0 auto;
}

/* ══════════════════════════════
   HEADER
══════════════════════════════ */
.ab-header { text-align:center; margin-bottom:52px; }

.ab-chip {
  display:inline-flex; align-items:center; gap:7px;
  padding:7px 18px;
  background:rgba(245,200,66,.08);
  border:1px solid rgba(245,200,66,.3);
  border-radius:60px; font-size:12px; font-weight:700;
  color:var(--gold-s); margin-bottom:16px;
  animation:chipPulse 3s ease-in-out infinite alternate;
}
@keyframes chipPulse {
  0%   { box-shadow:0 0 0 rgba(245,200,66,0); }
  100% { box-shadow:0 0 18px rgba(245,200,66,.2); }
}

.ab-title {
  font-family:'Unbounded',sans-serif;
  font-size:clamp(30px,5.5vw,54px);
  font-weight:900; line-height:1.05; letter-spacing:-1px;
  margin-bottom:14px;
}
.ab-title .t-gold {
  background:linear-gradient(135deg,#f5c842,#ff8a5c,#f5c842);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  background-size:200%; animation:gradShift 5s ease infinite;
}
@keyframes gradShift {
  0%,100%{ background-position:0% 50%; }
  50%    { background-position:100% 50%; }
}
.ab-title::after {
  content:""; display:block; width:80px; height:3px;
  margin:14px auto 0;
  background:linear-gradient(90deg,#f5c842,#ff6b2b,#2b9cff);
  border-radius:4px; box-shadow:0 0 14px rgba(245,200,66,.5);
}
.ab-sub {
  font-size:14px; color:var(--w50);
  max-width:520px; margin:14px auto 0; line-height:1.75;
}

/* ══════════════════════════════
   STORY BLOCK
══════════════════════════════ */
.ab-story {
  display:grid; grid-template-columns:1fr 1fr; gap:20px;
  margin-bottom:36px;
}
.ab-story-main {
  background:rgba(12,12,12,.92);
  border:1px solid var(--bdo);
  border-radius:22px; padding:28px 26px;
  position:relative; overflow:hidden;
}
.ab-story-main::before {
  content:""; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,#f5c842,#ff6b2b,#2b9cff);
}
.ab-story-label {
  font-family:'Unbounded',sans-serif;
  font-size:9px; font-weight:700; letter-spacing:.15em;
  color:rgba(245,200,66,.5); text-transform:uppercase; margin-bottom:12px;
}
.ab-story-title {
  font-family:'Unbounded',sans-serif;
  font-size:20px; font-weight:900; line-height:1.2;
  color:var(--gold); margin-bottom:14px;
}
.ab-story-text {
  font-size:13px; color:var(--w50); line-height:1.8;
}
.ab-story-text + .ab-story-text { margin-top:10px; }

/* Stats column */
.ab-stats-col {
  display:flex; flex-direction:column; gap:14px;
}
.ab-stat-card {
  flex:1;
  background:rgba(12,12,12,.88);
  border:1px solid var(--bdo);
  border-radius:18px; padding:18px 20px;
  display:flex; align-items:center; gap:14px;
  transition:all .28s; position:relative; overflow:hidden;
}
.ab-stat-card::before {
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:linear-gradient(180deg,#f5c842,#ff8a5c);
  border-radius:3px 0 0 3px;
}
.ab-stat-card:hover {
  border-color:rgba(245,200,66,.4);
  transform:translateX(4px);
  box-shadow:0 8px 28px -10px rgba(245,200,66,.3);
}
.ab-stat-icon {
  font-size:26px; flex-shrink:0;
  filter:drop-shadow(0 0 8px rgba(245,200,66,.3));
}
.ab-stat-num {
  font-family:'Unbounded',sans-serif;
  font-size:22px; font-weight:900;
  background:linear-gradient(135deg,#f5c842,#ff8a5c);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  line-height:1;
}
.ab-stat-label { font-size:11px; color:var(--w50); margin-top:3px; }

/* ══════════════════════════════
   VALUES ROW
══════════════════════════════ */
.ab-values {
  display:grid; grid-template-columns:repeat(3,1fr); gap:14px;
  margin-bottom:36px;
}
.ab-value-card {
  background:rgba(12,12,12,.88);
  border:1px solid rgba(245,200,66,.12);
  border-radius:18px; padding:20px 16px;
  text-align:center; transition:all .28s;
  position:relative; overflow:hidden;
}
.ab-value-card::after {
  content:""; position:absolute;
  inset:0; border-radius:18px;
  background:radial-gradient(circle at 50% 0%, rgba(245,200,66,.08), transparent 60%);
  opacity:0; transition:opacity .28s;
}
.ab-value-card:hover::after { opacity:1; }
.ab-value-card:hover {
  border-color:rgba(245,200,66,.35);
  transform:translateY(-4px);
  box-shadow:0 12px 32px -10px rgba(245,200,66,.2);
}
.ab-value-icon {
  font-size:30px; margin-bottom:12px;
  display:block;
  filter:drop-shadow(0 0 10px rgba(245,200,66,.25));
}
.ab-value-title {
  font-family:'Unbounded',sans-serif;
  font-size:11px; font-weight:700;
  color:var(--gold); margin-bottom:8px;
  letter-spacing:.03em;
}
.ab-value-desc { font-size:11px; color:var(--w50); line-height:1.6; }

/* ══════════════════════════════
   TEAM
══════════════════════════════ */
.ab-team-title {
  font-family:'Unbounded',sans-serif;
  font-size:14px; font-weight:700;
  color:var(--gold); margin-bottom:18px;
  display:flex; align-items:center; gap:10px;
}
.ab-team-title::after {
  content:""; flex:1; height:1px;
  background:linear-gradient(90deg,rgba(245,200,66,.3),transparent);
}

.ab-team {
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
  margin-bottom:36px;
}
.ab-member {
  background:rgba(12,12,12,.9);
  border:1px solid rgba(245,200,66,.13);
  border-radius:20px; padding:22px 14px;
  text-align:center; transition:all .28s;
  cursor:default; position:relative; overflow:hidden;
}
.ab-member::before {
  content:""; position:absolute; bottom:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,#f5c842,#ff8a5c);
  transform:scaleX(0); transition:transform .3s;
}
.ab-member:hover::before { transform:scaleX(1); }
.ab-member:hover {
  border-color:rgba(245,200,66,.35);
  transform:translateY(-5px);
  box-shadow:0 14px 36px -12px rgba(245,200,66,.25);
}

.ab-avatar {
  width:64px; height:64px; border-radius:50%;
  margin:0 auto 12px;
  display:flex; align-items:center; justify-content:center;
  font-size:28px;
  position:relative;
}
.ab-avatar::after {
  content:""; position:absolute; inset:-3px;
  border-radius:50%;
  background:conic-gradient(#f5c842,#ff8a5c,#2b9cff,#f5c842);
  z-index:-1; animation:avatarSpin 4s linear infinite;
  opacity:.5;
}
@keyframes avatarSpin { to { transform:rotate(360deg); } }

.ab-member-name {
  font-family:'Unbounded',sans-serif;
  font-size:11px; font-weight:700;
  color:var(--white); margin-bottom:4px;
}
.ab-member-role {
  font-size:10px; color:var(--gold-s);
  font-weight:700; margin-bottom:8px;
  letter-spacing:.03em;
}
.ab-member-desc { font-size:10px; color:var(--w50); line-height:1.5; }

/* ══════════════════════════════
   MISSION BANNER
══════════════════════════════ */
.ab-mission {
  background:rgba(12,12,12,.9);
  border:1px solid var(--bdo);
  border-radius:22px; padding:28px 30px;
  display:flex; align-items:center; gap:22px; flex-wrap:wrap;
  position:relative; overflow:hidden;
}
.ab-mission::before {
  content:""; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,#f5c842,#ff6b2b,#2b9cff,#f5c842);
  background-size:200%; animation:gradShift 4s linear infinite;
}
.ab-mission::after {
  content:""; position:absolute;
  width:200px; height:200px;
  top:-60px; right:-40px;
  background:radial-gradient(circle, rgba(245,200,66,.08), transparent 70%);
  pointer-events:none;
}
.ab-mission-icon { font-size:44px; flex-shrink:0; }
.ab-mission-body { flex:1; min-width:260px; }
.ab-mission-body h3 {
  font-family:'Unbounded',sans-serif;
  font-size:16px; font-weight:900;
  color:var(--gold); margin-bottom:8px;
}
.ab-mission-body p { font-size:13px; color:var(--w50); line-height:1.75; }
.ab-mission-badge {
  display:flex; flex-direction:column; gap:8px; flex-shrink:0;
}
.ab-badge {
  background:rgba(245,200,66,.08);
  border:1px solid rgba(245,200,66,.25);
  border-radius:12px; padding:10px 16px;
  font-size:11px; font-weight:700; color:var(--gold-s);
  text-align:center; white-space:nowrap;
}

/* ══════════════════════════════
   TIMELINE
══════════════════════════════ */
.ab-timeline-title {
  font-family:'Unbounded',sans-serif;
  font-size:14px; font-weight:700;
  color:var(--gold); margin:36px 0 18px;
  display:flex; align-items:center; gap:10px;
}
.ab-timeline-title::after {
  content:""; flex:1; height:1px;
  background:linear-gradient(90deg,rgba(245,200,66,.3),transparent);
}

.ab-timeline {
  display:grid; grid-template-columns:repeat(4,1fr); gap:0;
  background:rgba(12,12,12,.9);
  border:1px solid var(--bdo); border-radius:20px; overflow:hidden;
  margin-bottom:36px;
}
.ab-tl-item {
  padding:20px 18px; border-right:1px solid rgba(245,200,66,.08);
  position:relative; transition:background .25s;
}
.ab-tl-item:last-child { border-right:none; }
.ab-tl-item:hover { background:rgba(245,200,66,.04); }
.ab-tl-year {
  font-family:'Unbounded',sans-serif;
  font-size:22px; font-weight:900;
  color:rgba(245,200,66,.25); margin-bottom:8px; line-height:1;
}
.ab-tl-event {
  font-size:12px; font-weight:700; color:var(--white); margin-bottom:6px;
}
.ab-tl-desc { font-size:11px; color:var(--w50); line-height:1.5; }
.ab-tl-dot {
  width:8px; height:8px; border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 8px rgba(245,200,66,.6);
  margin-bottom:10px;
}

/* ══════════════════════════════
   RESPONSIVE
══════════════════════════════ */
@media(max-width:768px) {
  .ab-story  { grid-template-columns:1fr; }
  .ab-values { grid-template-columns:1fr 1fr; }
  .ab-team   { grid-template-columns:1fr 1fr; }
  .ab-timeline { grid-template-columns:1fr 1fr; }
  .ab-tl-item:nth-child(2) { border-right:none; }
  .ab-tl-item:nth-child(1),
  .ab-tl-item:nth-child(2) { border-bottom:1px solid rgba(245,200,66,.08); }
}
@media(max-width:480px) {
  .ab-values { grid-template-columns:1fr; }
  .ab-team   { grid-template-columns:1fr 1fr; }
  .ab-timeline { grid-template-columns:1fr; }
  .ab-tl-item { border-right:none; border-bottom:1px solid rgba(245,200,66,.08); }
  .ab-tl-item:last-child { border-bottom:none; }
  .ab-mission { flex-direction:column; text-align:center; }
}

/* ── ABOUT GRID ── */
.ab-about-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 24px;
  margin-bottom: 36px;
}

/* Founder card */
.ab-founder-card {
  background: rgba(12,12,12,.95);
  border: 1px solid var(--bdo);
  border-radius: 24px;
  padding: 30px 22px;
  text-align: center;
  position: relative; overflow: hidden;
  transition: all .3s;
}
.ab-founder-card:hover {
  border-color: rgba(245,200,66,.4);
  box-shadow: 0 16px 40px -12px rgba(245,200,66,.25);
  transform: translateY(-4px);
}
.ab-founder-glow {
  position: absolute; top: -40px; left: 50%;
  transform: translateX(-50%);
  width: 160px; height: 160px;
  background: radial-gradient(circle, rgba(245,200,66,.15), transparent 70%);
  pointer-events: none;
}
.ab-founder-card::before {
  content:""; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,#f5c842,#ff6b2b,#2b9cff);
}
.ab-founder-avatar {
  width: 80px; height: 80px; border-radius: 50%;
  background: rgba(245,200,66,.08);
  border: 2px solid rgba(245,200,66,.25);
  margin: 0 auto 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 34px;
  position: relative;
  box-shadow: 0 0 20px rgba(245,200,66,.15);
}
.ab-founder-avatar::after {
  content:""; position:absolute; inset:-4px; border-radius:50%;
  background:conic-gradient(#f5c842 0deg, #ff8a5c 120deg, #2b9cff 240deg, #f5c842 360deg);
  z-index:-1; animation:avatarSpin 5s linear infinite; opacity:.4;
}
.ab-founder-photo-wrap {
  position: relative;
  width: 200px;
  height: 230px;
  margin: 0 auto 16px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.ab-founder-photo {
  height: 220px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  filter:
    drop-shadow(0 0 28px rgba(255,107,43,.35))
    drop-shadow(0 18px 28px rgba(0,0,0,.55));
}
.ab-founder-name {
  font-family: 'Unbounded', sans-serif;
  font-size: 13px; font-weight: 900;
  color: var(--white); margin-bottom: 6px; line-height: 1.3;
}
.ab-founder-role {
  font-size: 10px; color: var(--gold-s);
  font-weight: 700; line-height: 1.5;
  margin-bottom: 16px;
}
.ab-founder-divider {
  height: 1px; background: rgba(245,200,66,.15); margin-bottom: 14px;
}
.ab-founder-tags {
  display: flex; flex-wrap: wrap; gap: 6px; justify-content: center;
}
.ab-tag {
  padding: 5px 10px; border-radius: 30px;
  background: rgba(245,200,66,.08);
  border: 1px solid rgba(245,200,66,.2);
  font-size: 10px; font-weight: 700; color: var(--gold-s);
  letter-spacing: .02em;
}

/* Text content */
.ab-about-text {
  display: flex; flex-direction: column; gap: 0;
  background: rgba(12,12,12,.92);
  border: 1px solid var(--bdo);
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
.ab-about-text::before {
  content:""; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,#2b9cff,#f5c842,#ff6b2b);
}
.ab-about-block {
  padding: 20px 24px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  transition: background .22s;
}
.ab-about-block:hover { background: rgba(245,200,66,.04); }
.ab-about-label {
  font-family: 'Unbounded', sans-serif;
  font-size: 9px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: rgba(245,200,66,.5); margin-bottom: 8px;
}
.ab-about-para {
  font-size: 13px; color: var(--w80); line-height: 1.8;
}

/* More button */
.ab-more-btn {
  display: inline-flex; align-items: center; gap: 6px;
  margin: 20px 24px;
  padding: 12px 24px;
  background: linear-gradient(135deg, rgba(245,200,66,.12), rgba(255,107,43,.08));
  border: 1px solid rgba(245,200,66,.3);
  border-radius: 12px;
  font-family: 'Unbounded', sans-serif;
  font-size: 12px; font-weight: 700;
  color: var(--gold); text-decoration: none;
  transition: all .25s; align-self: flex-start;
}
.ab-more-btn:hover {
  background: linear-gradient(135deg, rgba(245,200,66,.22), rgba(255,107,43,.15));
  border-color: var(--gold); color: #fff;
  transform: translateX(4px);
  box-shadow: 0 6px 20px -6px rgba(245,200,66,.4);
}

@media(max-width:700px) {
  .ab-about-grid { grid-template-columns: 1fr; }
  .ab-founder-card { padding: 24px 16px; }
}

:root {
  --bg:     #0a0a0a;
  --orange: #ff6b2b;
  --orange-s:#ff8a5c;
  --blue:   #2b9cff;
  --gold:   #f5c842;
  --gold-s: #ffe066;
  --green:  #4ade80;
  --white:  #ffffff;
  --w80:    rgba(255,255,255,.80);
  --w50:    rgba(255,255,255,.50);
  --bdo:    rgba(245,200,66,.18);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Mulish',sans-serif;background:var(--bg);color:var(--white);min-height:100vh;overflow-x:hidden;}

/* ── SECTION ── */
.ct-section{
  position:relative;overflow:hidden;padding:72px 20px 90px;
  background:
    radial-gradient(ellipse at 15% 10%,rgba(245,200,66,.10) 0%,transparent 45%),
    radial-gradient(ellipse at 85% 90%,rgba(255,107,43,.12) 0%,transparent 45%),
    radial-gradient(ellipse at 50% 50%,rgba(43,156,255,.05) 0%,transparent 55%),
    repeating-linear-gradient(60deg,rgba(255,255,255,.006) 0,rgba(255,255,255,.006) 1px,transparent 1px,transparent 14px),
    linear-gradient(160deg,#0d0c09,#000);
}
.ct-section::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 12% 18%,rgba(245,200,66,.7),transparent),
    radial-gradient(2px 2px at 40% 70%,rgba(255,107,43,.5),transparent),
    radial-gradient(2px 2px at 75% 30%,rgba(245,200,66,.6),transparent),
    radial-gradient(2px 2px at 90% 75%,rgba(255,107,43,.5),transparent);
  background-size:380px 380px;background-repeat:repeat;opacity:.3;
  pointer-events:none;z-index:0;animation:ctDust 20s ease-in-out infinite alternate;
}
@keyframes ctDust{0%{transform:translateY(0)}100%{transform:translateY(-14px)}}
.ct-section::after{
  content:"";position:absolute;width:600px;height:600px;top:30%;left:50%;
  transform:translate(-50%,-50%);
  background:conic-gradient(from 45deg,transparent 0deg,rgba(245,200,66,.07) 90deg,rgba(255,107,43,.08) 180deg,rgba(43,156,255,.04) 270deg,transparent 360deg);
  filter:blur(70px);animation:ctRotate 28s linear infinite;pointer-events:none;z-index:0;
}
@keyframes ctRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
.ct-wrap{position:relative;z-index:2;max-width:960px;margin:0 auto;}

/* ── HEADER ── */
.ct-header{text-align:center;margin-bottom:48px;}
.ct-chip{
  display:inline-flex;align-items:center;gap:7px;padding:7px 18px;
  background:rgba(245,200,66,.08);border:1px solid rgba(245,200,66,.3);
  border-radius:60px;font-size:12px;font-weight:700;color:var(--gold-s);margin-bottom:16px;
  animation:chipGold 3s ease-in-out infinite alternate;
}
@keyframes chipGold{0%{box-shadow:0 0 0 rgba(245,200,66,0)}100%{box-shadow:0 0 18px rgba(245,200,66,.2)}}
.ct-title{font-family:'Unbounded',sans-serif;font-size:clamp(28px,5vw,52px);font-weight:900;line-height:1.05;letter-spacing:-1px;margin-bottom:12px;}
.ct-title .t-gold{background:linear-gradient(135deg,#f5c842,#ff8a5c,#f5c842);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200%;animation:gradShift 5s ease infinite;}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.ct-title::after{content:"";display:block;width:80px;height:3px;margin:14px auto 0;background:linear-gradient(90deg,#f5c842,#ff6b2b,#2b9cff);border-radius:4px;box-shadow:0 0 14px rgba(245,200,66,.5);}
.ct-sub{font-size:14px;color:var(--w50);max-width:480px;margin:14px auto 0;line-height:1.75;}

/* ── MAIN GRID ── */
.ct-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;margin-bottom:24px;}

/* ══════════════════════════
   LEFT COLUMN — contact info
══════════════════════════ */
.ct-left{display:flex;flex-direction:column;gap:12px;}

/* ── 1. Phone card (number + WA + TG icons in ONE card) ── */
.ct-phone-card{
  background:rgba(12,12,12,.92);
  border:1px solid rgba(245,200,66,.2);
  border-radius:18px;overflow:hidden;
  position:relative;
}
.ct-phone-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f5c842,#ff6b2b);}
.ct-phone-row{
  display:flex;align-items:center;gap:14px;
  padding:16px 18px;
}
.ct-phone-icon{
  width:44px;height:44px;border-radius:13px;flex-shrink:0;
  background:rgba(245,200,66,.08);border:1px solid rgba(245,200,66,.2);
  display:flex;align-items:center;justify-content:center;font-size:20px;
}
.ct-phone-body{flex:1;}
.ct-phone-label{font-size:10px;font-weight:700;color:var(--w50);letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;}
.ct-phone-num{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:900;color:var(--gold);}
.ct-phone-btns{
  display:flex;border-top:1px solid rgba(255,255,255,.05);
}
.ct-phone-btn{
  flex:1;padding:12px 10px;
  display:flex;align-items:center;justify-content:center;gap:7px;
  text-decoration:none;font-size:12px;font-weight:700;
  transition:all .22s;cursor:pointer;
}
.ct-phone-btn:first-child{border-right:1px solid rgba(255,255,255,.05);}
.ct-phone-btn.wa{color:#4ade80;}
.ct-phone-btn.tg{color:#5cb3ff;}
.ct-phone-btn.wa:hover{background:rgba(74,222,128,.08);}
.ct-phone-btn.tg:hover{background:rgba(43,156,255,.08);}
.ct-phone-btn-icon{font-size:16px;}

/* ── 2. Simple info rows (email, address) ── */
.ct-info-card{
  background:rgba(12,12,12,.88);
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;overflow:hidden;
}
.ct-info-row{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);
  text-decoration:none;color:inherit;transition:all .22s;
  position:relative;overflow:hidden;
}
.ct-info-row:last-child{border-bottom:none;}
.ct-info-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;opacity:0;transition:opacity .22s;}
.ct-info-row.email::before{background:linear-gradient(180deg,#a78bfa,#2b9cff);}
.ct-info-row.address::before{background:linear-gradient(180deg,#f5c842,#ff8a5c);}
.ct-info-row:hover::before{opacity:1;}
.ct-info-row.email:hover{background:rgba(167,139,250,.04);}
.ct-info-row.address:hover{background:rgba(245,200,66,.04);}
.ct-info-icon{
  width:38px;height:38px;border-radius:11px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:16px;
}
.ct-info-row.email .ct-info-icon  {background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.2);}
.ct-info-row.address .ct-info-icon{background:rgba(245,200,66,.08);border:1px solid rgba(245,200,66,.2);}
.ct-info-body{flex:1;min-width:0;}
.ct-info-label{font-size:10px;font-weight:700;color:var(--w50);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;}
.ct-info-value{font-size:13px;font-weight:700;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ct-info-arrow{font-size:16px;color:rgba(255,255,255,.2);transition:all .22s;}
.ct-info-row:hover .ct-info-arrow{color:rgba(255,255,255,.6);transform:translateX(3px);}

/* Hours badge */
.ct-hours{
  background:rgba(12,12,12,.88);border:1px solid rgba(245,200,66,.14);
  border-radius:16px;padding:13px 16px;display:flex;align-items:center;gap:12px;
}
.ct-hours-icon{font-size:20px;}
.ct-hours-text h4{font-family:'Unbounded',sans-serif;font-size:10px;font-weight:700;color:var(--gold);margin-bottom:3px;}
.ct-hours-text p{font-size:11px;color:var(--w50);line-height:1.5;}
.ct-hours-badge{margin-left:auto;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.3);border-radius:8px;padding:5px 10px;font-size:10px;font-weight:700;color:var(--green);animation:openPulse 2s ease-in-out infinite alternate;}
@keyframes openPulse{0%{box-shadow:0 0 0 rgba(74,222,128,0)}100%{box-shadow:0 0 10px rgba(74,222,128,.2)}}

/* ══════════════════════════
   RIGHT COLUMN — WA Form
══════════════════════════ */
.ct-form-wrap{
  background:rgba(12,12,12,.95);border:1px solid var(--bdo);
  border-radius:22px;padding:24px 22px;position:relative;overflow:hidden;
}
.ct-form-wrap::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f5c842,#ff6b2b,#2b9cff);}
.ct-form-title{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;color:var(--gold);margin-bottom:5px;}
.ct-form-sub{font-size:12px;color:var(--w50);margin-bottom:16px;line-height:1.6;}
.ct-field{margin-bottom:12px;}
.ct-label{display:block;font-size:11px;font-weight:700;color:rgba(255,255,255,.5);margin-bottom:5px;letter-spacing:.04em;}
.ct-input,.ct-textarea{
  width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:12px;padding:11px 13px;color:var(--white);
  font-family:'Mulish',sans-serif;font-size:13px;font-weight:600;outline:none;transition:all .25s;
}
.ct-input:focus,.ct-textarea:focus{border-color:rgba(245,200,66,.4);background:rgba(245,200,66,.04);box-shadow:0 0 0 3px rgba(245,200,66,.07);}
.ct-input::placeholder,.ct-textarea::placeholder{color:rgba(255,255,255,.25);font-weight:400;}
.ct-textarea{resize:vertical;min-height:88px;}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ct-topics{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;}
.ct-topic{padding:6px 12px;border-radius:30px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:700;color:var(--w50);cursor:pointer;transition:all .22s;}
.ct-topic:hover{border-color:rgba(245,200,66,.4);color:var(--gold);}
.ct-topic.active{background:rgba(245,200,66,.10);border-color:rgba(245,200,66,.35);color:var(--gold-s);}
.ct-submit{
  width:100%;padding:14px;
  background:linear-gradient(135deg,#22c55e,#4ade80,#22c55e);
  border:none;border-radius:14px;font-family:'Unbounded',sans-serif;font-size:12px;font-weight:900;
  color:#000;cursor:pointer;transition:all .3s;box-shadow:0 8px 28px -8px rgba(34,197,94,.5);
  display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;
}
.ct-submit:hover{transform:translateY(-2px);box-shadow:0 14px 36px -8px rgba(34,197,94,.65);}
.ct-success{display:none;text-align:center;padding:20px 12px;}
.ct-success.show{display:block;animation:successIn .4s cubic-bezier(.34,1.56,.64,1);}
@keyframes successIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.ct-success-icon{font-size:48px;margin-bottom:12px;display:block;}
.ct-success h3{font-family:'Unbounded',sans-serif;font-size:15px;font-weight:900;color:var(--green);margin-bottom:8px;}
.ct-success p{font-size:12px;color:var(--w50);line-height:1.7;}

/* ══════════════════════════
   MAP (after grid, full width)
══════════════════════════ */
.ct-map-section{margin-bottom:28px;}
.ct-map-header{
  display:flex;align-items:center;gap:10px;
  padding:12px 18px;
  background:rgba(12,12,12,.95);
  border:1px solid var(--bdo);border-bottom:none;
  border-radius:20px 20px 0 0;
}
.ct-map-header-icon{font-size:18px;}
.ct-map-header-text h5{font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;color:var(--gold);margin-bottom:2px;}
.ct-map-header-text p{font-size:11px;color:var(--w50);}
.ct-map-route-btn{
  margin-left:auto;flex-shrink:0;padding:7px 14px;
  background:rgba(245,200,66,.1);border:1px solid rgba(245,200,66,.3);border-radius:10px;
  font-family:'Unbounded',sans-serif;font-size:10px;font-weight:700;
  color:var(--gold);text-decoration:none;transition:all .25s;white-space:nowrap;
}
.ct-map-route-btn:hover{background:rgba(245,200,66,.22);color:#fff;}
#ct-map{
  height:340px;width:100%;
  border:1px solid var(--bdo);border-radius:0 0 20px 20px;
}
.leaflet-tile{filter:brightness(.72) saturate(.6);}
.leaflet-container{background:#080808;}
.leaflet-popup-content-wrapper{
  background:rgba(10,10,10,.97)!important;
  border:1px solid rgba(245,200,66,.3)!important;
  border-radius:14px!important;box-shadow:0 8px 32px rgba(0,0,0,.8)!important;
}
.leaflet-popup-tip{background:rgba(10,10,10,.97)!important;}
.leaflet-popup-content{margin:12px 16px!important;font-family:'Mulish',sans-serif;}

/* Marker */
.dmm{width:44px;height:44px;position:relative;}
.dmm-inner{
  width:32px;height:32px;border-radius:50%;
  background:linear-gradient(135deg,#f5c842,#ff8a5c);
  border:2.5px solid #fff;
  box-shadow:0 4px 16px rgba(245,200,66,.7);
  display:flex;align-items:center;justify-content:center;
  font-size:15px;position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);z-index:2;
}
.dmm-ring{
  position:absolute;inset:0;border-radius:50%;
  border:2px solid rgba(245,200,66,.4);
  animation:dmmPulse 2s ease-in-out infinite;
}
@keyframes dmmPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.6);opacity:0}}

/* ══════════════════════════
   SOCIALS
══════════════════════════ */
.ct-section-label{
  font-family:'Unbounded',sans-serif;font-size:12px;font-weight:700;
  color:var(--gold);margin-bottom:14px;
  display:flex;align-items:center;gap:10px;
}
.ct-section-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(245,200,66,.3),transparent);}

.ct-socials{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px;}
.ct-social{
  background:rgba(12,12,12,.88);border:1px solid rgba(255,255,255,.07);
  border-radius:16px;padding:18px 8px;
  text-align:center;text-decoration:none;color:inherit;
  transition:all .28s;display:flex;flex-direction:column;align-items:center;gap:8px;
}
.ct-social:hover{transform:translateY(-5px);}
.ct-social.ig:hover{border-color:rgba(245,200,66,.4);background:rgba(245,200,66,.06);box-shadow:0 10px 28px -8px rgba(245,200,66,.25);}
.ct-social.fb:hover{border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.06);box-shadow:0 10px 28px -8px rgba(59,130,246,.25);}
.ct-social.tt:hover{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.05);box-shadow:0 10px 28px -8px rgba(255,255,255,.1);}
.ct-social.lk:hover{border-color:rgba(255,107,43,.4);background:rgba(255,107,43,.06);box-shadow:0 10px 28px -8px rgba(255,107,43,.25);}
.ct-social.ok:hover{border-color:rgba(255,153,0,.4);background:rgba(255,153,0,.06);box-shadow:0 10px 28px -8px rgba(255,153,0,.25);}
.ct-social.yt:hover{border-color:rgba(255,77,77,.4);background:rgba(255,77,77,.06);box-shadow:0 10px 28px -8px rgba(255,77,77,.25);}

/* SVG social icons */
.ct-social-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;}
.ct-social-icon svg{width:28px;height:28px;}
.ct-social-name{font-family:'Unbounded',sans-serif;font-size:8px;font-weight:700;letter-spacing:.05em;}
.ct-social.ig .ct-social-name{color:var(--gold-s);}
.ct-social.fb .ct-social-name{color:#5c9cf5;}
.ct-social.tt .ct-social-name{color:rgba(255,255,255,.7);}
.ct-social.lk .ct-social-name{color:var(--orange-s);}
.ct-social.ok .ct-social-name{color:#ff9900;}
.ct-social.yt .ct-social-name{color:#ff4d4d;}

/* ══════════════════════════
   SHARE BAR
══════════════════════════ */
.ct-share-bar{
  background:rgba(12,12,12,.88);border:1px solid var(--bdo);
  border-radius:18px;padding:14px 18px;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin-bottom:0;
}
.ct-share-label{font-size:12px;font-weight:700;color:var(--w50);flex-shrink:0;}
.ct-share-btns{display:flex;gap:8px;flex-wrap:wrap;}
.ct-share-btn{
  padding:8px 14px;border-radius:10px;font-family:'Mulish',sans-serif;
  font-size:11px;font-weight:700;cursor:pointer;
  display:flex;align-items:center;gap:6px;
  text-decoration:none;transition:all .22s;border:1px solid;
}
.ct-share-btn.tg{background:rgba(43,156,255,.08);border-color:rgba(43,156,255,.25);color:#5cb3ff;}
.ct-share-btn.wa{background:rgba(74,222,128,.07);border-color:rgba(74,222,128,.25);color:#4ade80;}
.ct-share-btn.cp{background:rgba(245,200,66,.07);border-color:rgba(245,200,66,.25);color:var(--gold);}
.ct-share-btn.nv{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:var(--w50);}
.ct-share-btn:hover{transform:translateY(-2px);filter:brightness(1.25);}

/* Toast */
.dm-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(10,10,10,.97);border:1px solid var(--gold);border-radius:14px;padding:12px 24px;font-size:13px;font-weight:700;color:var(--gold);z-index:99999;pointer-events:none;opacity:0;transition:all .35s cubic-bezier(.4,0,.2,1);white-space:nowrap;}
.dm-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ── RESPONSIVE ── */
@media(max-width:760px){
  .ct-grid{grid-template-columns:1fr;}
  .ct-socials{grid-template-columns:repeat(3,1fr);}
  .ct-row{grid-template-columns:1fr;}
  #ct-map{height:260px;}
}
@media(max-width:420px){
  .ct-socials{grid-template-columns:repeat(3,1fr);}
  .ct-share-btns{gap:6px;}
}

.app-mini{
  padding:60px 20px;
  background:#0b0b0b;
  display:flex;
  justify-content:center;
}

.app-mini-card{
  max-width:420px;
  background:#111;
  border-radius:20px;
  padding:30px;
  text-align:center;
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 20px 60px rgba(0,0,0,.6);
}

.app-mini-img{
  width:100%;
  border-radius:14px;
  margin-bottom:20px;
}

.app-mini-title{
  font-family:Arial;
  font-size:28px;
  font-weight:700;
  margin-bottom:10px;
  color:#fff;
}

.app-mini-text{
  font-size:14px;
  line-height:1.6;
  color:#bbb;
  margin-bottom:25px;
}

.app-mini-btn{
  display:inline-block;
  padding:14px 26px;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  background:linear-gradient(135deg,#f5c842,#ff8a5c);
  color:#000;
  transition:0.3s;
}

.app-mini-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 25px rgba(245,200,66,.4);
}