/* ============================================================
   PlayZoom Sitebuilder — Theme CSS
   Общий стиль для всех развёрнутых статичных сайтов.
   Темизация через CSS variables в :root — каждый сайт может
   переопределить их через свой <style> в head или site_theme.json
   ============================================================ */

:root {
  --a283ov7: #18181b;
  --agfbgun: #fafafa;
  --a2p881y: #dc2626;
  --agzk4so: #18181b;
  --a9svqwe: #71717a;
  --a2j3718: #ffffff;
  --a2a6v1d: #fafafa;
  --a22kkri: #e4e4e7;
  --a2opsgt: #16a34a;
  --a24o0dq: #d97706;
  --a1d115d: #dc2626;

  --a18t5hh: 6px;
  --aef40dg: 4px;
  --adw9pgh: 10px;
  --a76iffe: 4px;
  --a1sdblf: 8px;
  --a43lxub: 12px;
  --a1ammgo: 16px;
  --a2b6s4u: 24px;
  --a1231kk: 32px;
  --a1r5sv7: 48px;

  --a246dyo: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --a231q8t: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --a2rjgah: 1100px;
  --a2n7mk6: 760px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--a246dyo);
  font-size: 16px;
  line-height: 1.6;
  color: var(--agzk4so);
  background: var(--a2j3718);
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--a283ov7); text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4 {
  margin: 0 0 var(--a1ammgo);
  line-height: 1.2;
  font-weight: 700;
}
h1 { font-size: clamp(28px, 4vw, 44px); }
h2 { font-size: clamp(22px, 3vw, 32px); margin-top: 0; }
h3 { font-size: 20px; }
p { margin: 0 0 var(--a43lxub); }

.a2qtkk5 { max-width: var(--a2rjgah); margin: 0 auto; padding: 0 var(--a1ammgo); }
.a2qtkk5.a77s3wb { max-width: var(--a2n7mk6); }

/* Все блоки одной ширины (1100px) — визуальное единство. */

.a1a4b8s { padding: var(--a1r5sv7) 0; }

/* HEADER */
.a1qcxah {
  border-bottom: 1px solid var(--a22kkri);
  background: var(--a2j3718);
  padding: var(--a43lxub) 0;
}
.a2hptzz { display: flex; align-items: center; gap: var(--a1ammgo); }
.a1qcxah .a1t6pma {
  font-weight: 800;
  font-size: 18px;
  color: var(--agzk4so);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  margin-right: auto; /* логотип слева, действия — вправо */
}
.alh5hku { height: 40px; width: auto; max-width: 220px; display: block; }
.a271asq { display: flex; align-items: center; gap: var(--a43lxub); }
.a1673td { display: flex; gap: var(--a1sdblf); }
.a1ql1hx {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 8px 16px; border-radius: 8px; font-weight: 600; font-size: 14px;
  text-decoration: none; white-space: nowrap; line-height: 1;
}
.a12r3dw { background: var(--a283ov7); color: var(--agfbgun); }
.a1m2wps  { background: transparent; color: var(--agzk4so); border: 1px solid var(--a22kkri); }
.a2kqfqi {
  display: none; background: none; border: 0; cursor: pointer;
  width: 32px; height: 32px; flex-direction: column; justify-content: center; gap: 5px; padding: 0;
}
.a2kqfqi span { display: block; height: 2px; background: var(--agzk4so); border-radius: 2px; transition: .2s; }
@media (max-width: 720px) {
  .a1qcxah { position: relative; }
  .a2kqfqi { display: flex; }
  .a271asq {
    display: none;
    position: absolute; top: 100%; left: 0; right: 0; z-index: 50;
    flex-direction: column; align-items: stretch; gap: var(--a43lxub);
    background: var(--a2j3718); border-bottom: 1px solid var(--a22kkri);
    padding: var(--a1ammgo); box-shadow: 0 8px 20px rgba(0,0,0,.12);
  }
  .a1qcxah.open .a271asq { display: flex; }
  .a1673td { flex-direction: column; }
  .a1ql1hx { width: 100%; padding: 12px; }
}

/* HEADER MENU BLOCK */
.antes91 {
  background: var(--a283ov7);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 0;
}
.a1uvwc2 {
  position: sticky;
  top: 0;
  z-index: 200;
}
.antes91 .a2qtkk5 { padding: 0 var(--a1ammgo); }
.a17ubv5 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}
.aar82qf {
  display: block;
  color: var(--agfbgun);
  text-decoration: none;
  padding: 13px 16px;
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0.85;
  transition: opacity .15s, border-color .15s;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
.aar82qf:hover {
  opacity: 1;
  border-bottom-color: var(--a2p881y);
  text-decoration: none;
}
@media (max-width: 600px) {
  .a17ubv5 { gap: 0; }
  .aar82qf { padding: 10px 12px; font-size: 0.8rem; }
}

/* HERO */
.a2rfr74 {
  padding: var(--a1r5sv7) 0;
  background: var(--a2a6v1d);
  text-align: center;
}
.a2rfr74.aar1gug { text-align: left; }
.a2rfr74.acw1qsz { text-align: right; }
.a2rfr74.a2aym0g {
  background-size: cover;
  background-position: center;
  color: var(--agfbgun);
  position: relative;
  /* Не на всю ширину: контейнер-карточка ~16:9, скруглённая (как betfm.me) */
  width: calc(100% - var(--a1ammgo) * 2);
  max-width: 1100px;
  margin: var(--a1231kk) auto;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  padding: var(--a1231kk);
}
.a2rfr74.a2aym0g::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
}
.a2rfr74.a2aym0g > .a2qtkk5 { position: relative; width: 100%; }
@media (max-width: 640px) {
  .a2rfr74.a2aym0g { aspect-ratio: auto; min-height: 260px; }
}
.a1rkz2j {
  font-size: 18px;
  color: var(--a9svqwe);
  max-width: 640px;
  margin: 0 auto var(--a2b6s4u);
}
.a2rfr74.a2aym0g .a1rkz2j { color: rgba(255,255,255,0.9); }
.a2rfr74.aar1gug .a1rkz2j, .a2rfr74.acw1qsz .a1rkz2j { margin-left: 0; margin-right: 0; }

/* HERO SPLIT LAYOUT (split-right = text left + image right; split-left = image left + text right) */
.a2rfr74.a1akgnj { text-align: left; padding: var(--a1r5sv7) 0; }
.a2rfr74.a1akgnj .a2qtkk5 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--a1231kk);
  align-items: center;
}
.a2rfr74.a1akgnj.a2g7g3a .a2qtkk5 { grid-template-areas: "image text"; }
.a2rfr74.a1akgnj.a1400du .a2qtkk5 { grid-template-areas: "text image"; }
.a2rfr74.a1akgnj .aa6voa4 { grid-area: text; }
.a2rfr74.a1akgnj .a2o9fe3 { grid-area: image; }
.a2rfr74.a1akgnj .a1rkz2j { margin-left: 0; margin-right: 0; }
.a2rfr74.a1akgnj .a2o9fe3 img {
  width: 100%;
  height: auto;
  border-radius: var(--adw9pgh);
  display: block;
}
.a2rfr74.a1akgnj .a2o9fe3 .a2ezauu {
  width: 100%;
  aspect-ratio: 16/10;
  background: var(--a2a6v1d);
  border: 1px solid var(--a22kkri);
  border-radius: var(--adw9pgh);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--a9svqwe);
  font-size: 14px;
}
@media (max-width: 768px) {
  .a2rfr74.a1akgnj .a2qtkk5 {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "text" !important;
    gap: var(--a1ammgo);
  }
  .a2rfr74.a1akgnj.a2g7g3a .a2qtkk5,
  .a2rfr74.a1akgnj.a1400du .a2qtkk5 {
    grid-template-areas: "image" "text" !important;
  }
}

/* BUTTONS */
.a1t6ipm {
  display: inline-block;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 14px;
  border-radius: var(--aef40dg);
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: opacity .15s, background .15s;
}
.a1t6ipm:hover { text-decoration: none; opacity: 0.85; }
.a2999zf { background: var(--a283ov7); color: var(--agfbgun); }
.a1t5mgg  { background: var(--a2p881y);  color: #fff; }
.a1rqifk { background: transparent; color: var(--a283ov7); border-color: var(--a283ov7); }
.aocmevk { padding: 14px 28px; font-size: 15px; }
.acussy0 { padding: 6px 14px; font-size: 13px; }

/* TEXT BLOCK / PROSE */
.a1m4jwq { font-size: 16px; }
.a1m4jwq p { margin: 0 0 var(--a43lxub); }
.a1m4jwq ul, .a1m4jwq ol { margin: 0 0 var(--a43lxub); padding-left: 22px; }
.a1m4jwq li { margin-bottom: 4px; }
.a1m4jwq strong { font-weight: 700; }
/* Таблицы в контенте (TextBlock / casino-review description) */
.a1m4jwq table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 var(--a1ammgo);
  font-size: 15px;
  border: 1px solid var(--a22kkri);
}
.a1m4jwq th, .a1m4jwq td {
  border: 1px solid var(--a22kkri);
  padding: var(--a1sdblf) var(--a43lxub);
  text-align: left;
  vertical-align: top;
}
.a1m4jwq thead th {
  background: var(--a2a6v1d);
  font-weight: 700;
  color: var(--agzk4so);
}
.a1m4jwq tbody tr:nth-child(even) { background: var(--a2a6v1d); }
@media (max-width: 600px) {
  .a1m4jwq table { display: block; overflow-x: auto; }
}

/* IMAGE */
.ay9fjr3 figure { margin: 0; }
.ay9fjr3 figcaption {
  text-align: center;
  font-size: 13px;
  color: var(--a9svqwe);
  margin-top: var(--a1sdblf);
}

/* FAQ */
.a1oub03 { margin-top: var(--a1ammgo); }
.ajl8uz5 {
  border: 1px solid var(--a22kkri);
  border-radius: var(--a18t5hh);
  margin-bottom: var(--a1sdblf);
  background: var(--a2j3718);
  overflow: hidden;
}
.ajl8uz5 summary {
  padding: var(--a43lxub) var(--a1ammgo);
  cursor: pointer;
  font-weight: 600;
  list-style: none;
  position: relative;
  user-select: none;
}
.ajl8uz5 summary::-webkit-details-marker { display: none; }
.ajl8uz5 summary h3.aug4bxg {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  padding-right: 28px; /* место под +/− иконку */
}
.ajl8uz5 summary::after {
  content: '+';
  position: absolute;
  right: var(--a1ammgo);
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-weight: 400;
  color: var(--a9svqwe);
}
.ajl8uz5[open] summary::after { content: '−'; }
.a1zxfny {
  padding: 0 var(--a1ammgo) var(--a43lxub);
  color: var(--a9svqwe);
  line-height: 1.6;
}

/* CTA */
.a3q5hkz { text-align: center; }
.a3q5hkz.a246yt4 { background: var(--a2p881y); color: #fff; }
.a3q5hkz.a246yt4 .a2999zf { background: #fff; color: var(--a2p881y); }
.a3q5hkz.a14h7tq { border-top: 1px solid var(--a22kkri); border-bottom: 1px solid var(--a22kkri); }

/* CTA-кнопка (отдельный блок): без своих цвета/размера — наследует .a1t6ipm.a2999zf темы;
   с кастомом — inline-стиль в Renderer переопределяет. Здесь только отступы блока. */
.apw0k6f { padding: var(--a2b6s4u) 0; }

/* Table of Contents — оглавление с якорными ссылками */
.a231kb3 { padding: var(--a1ammgo) 0; }
.aaejtgm {
  border: 1px solid var(--a22kkri);
  border-radius: var(--a18t5hh);
  background: var(--a2a6v1d);
  padding: var(--a1ammgo) var(--a2b6s4u);
}
.alvab69 { font-weight: 700; margin-bottom: var(--a1sdblf); }
.ayjbc37 { margin: 0; padding-left: 20px; }
.ayjbc37 li { margin-bottom: 6px; }
.ayjbc37 li.a231mjh { margin-left: 16px; list-style: circle; }
.ayjbc37 li.a2c8stg { margin-left: 32px; list-style: square; }
.ayjbc37 a { color: var(--a283ov7); text-decoration: none; }
.ayjbc37 a:hover { text-decoration: underline; }
html { scroll-padding-top: 20px; }  /* чтобы якорь не прятался под верх */

/* TOP CASINOS */
.a2ikk7w .a670eci {
  color: var(--a9svqwe);
  margin-bottom: var(--a2b6s4u);
}
.a176si9 { display: flex; flex-direction: column; gap: var(--a43lxub); }
.av5k46i {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  gap: var(--a1ammgo);
  padding: var(--a1ammgo);
  background: var(--a2j3718);
  border: 1px solid var(--a22kkri);
  border-radius: var(--a18t5hh);
  align-items: center;
  position: relative;
}
@media (max-width: 640px) {
  .av5k46i { grid-template-columns: 50px 1fr; }
  .a2uqmsu { grid-column: 1 / -1; }
}
.a2cpyw8 {
  position: absolute;
  top: -10px;
  left: var(--a1ammgo);
  background: var(--a2p881y);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 3px;
  letter-spacing: 0.05em;
}
.a15aqb4 {
  width: 60px; height: 60px;
  border-radius: var(--a18t5hh);
  background: var(--a283ov7);
  color: var(--agfbgun);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700;
  font-size: 22px;
  overflow: hidden;
}
/* Единый стандарт лого/иконки казино: белая подложка + contain (лого целиком, без обрезки).
   object-fit:contain вписывает лого без искажений; фон img перекрывает цветной тайл-фолбэк,
   когда картинка есть. Нет картинки → показывается буква на цветном тайле (фон ниже). */
.a15aqb4 img { width: 100%; height: 100%; object-fit: contain; background: #fff; padding: 5px; border-radius: inherit; }
.a98t4ic { font-size: 22px; }
.a24ulgm { color: var(--a9svqwe); margin-right: 6px; font-size: 14px; }
.atasbqr { font-size: 16px; font-weight: 700; margin-bottom: 4px; }
.a1ryfst {
  display: inline-block;
  margin-left: var(--a1sdblf);
  font-size: 13px;
  color: var(--a24o0dq);
  font-weight: 600;
}
.a2g7vjq {
  color: var(--a2opsgt);
  font-weight: 600;
  margin: 4px 0;
}
.alo7stj, .a14rxw5 { font-size: 13px; color: var(--a9svqwe); }

/* CASINO REVIEW */
.a2dcvjd {
  display: flex;
  gap: var(--a1ammgo);
  margin-bottom: var(--a2b6s4u);
  align-items: flex-start;
}
.a2dygbh {
  width: 80px; height: 80px;
  border-radius: var(--a18t5hh);
  background: var(--a283ov7);
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
}
.a2dygbh img { width: 100%; height: 100%; object-fit: contain; background: #fff; padding: 8px; border-radius: inherit; }
.a2mlaww { color: var(--a9svqwe); margin: 0 0 8px; }
.a2eunqn {
  display: inline-block;
  background: rgba(217, 119, 6, 0.15);
  color: var(--a24o0dq);
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: 700;
}
.a2n06nw {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--a43lxub);
  background: var(--a2a6v1d);
  padding: var(--a1ammgo);
  border-radius: var(--a18t5hh);
  margin-bottom: var(--a2b6s4u);
}
.a1qi8fx {
  display: block;
  font-size: 11px;
  color: var(--a9svqwe);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 2px;
}
.a11qz1c { font-weight: 600; }
.a1tavoq { margin-top: var(--a2b6s4u); }

/* BONUS TABLE */
.akovm71 { overflow-x: auto; }
.azgqssn {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.azgqssn th {
  text-align: left;
  padding: var(--a43lxub);
  background: var(--a2a6v1d);
  border-bottom: 1px solid var(--a22kkri);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--a9svqwe);
  font-weight: 600;
}
.azgqssn td {
  padding: var(--a43lxub);
  border-bottom: 1px solid var(--a22kkri);
}
.azgqssn .a1k6o8n { font-weight: 700; color: var(--a2opsgt); }
.azgqssn .a2mb13f { font-family: var(--a231q8t); }
.azgqssn .a2l0fek { font-weight: 600; }

/* PROS / CONS */
.a1vj2vc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--a1ammgo);
}
@media (max-width: 640px) { .a1vj2vc { grid-template-columns: 1fr; } }
.a180lna, .a1xz19g {
  padding: var(--a1ammgo);
  border-radius: var(--a18t5hh);
}
.a180lna {
  background: rgba(22, 163, 74, 0.08);
  border: 1px solid rgba(22, 163, 74, 0.25);
}
.a180lna h3 { color: var(--a2opsgt); margin: 0 0 var(--a43lxub); }
.a1xz19g {
  background: rgba(220, 38, 38, 0.08);
  border: 1px solid rgba(220, 38, 38, 0.25);
}
.a1xz19g h3 { color: var(--a1d115d); margin: 0 0 var(--a43lxub); }
.a180lna ul, .a1xz19g ul { margin: 0; padding-left: 18px; }
.a180lna li { color: #166534; }
.a1xz19g li { color: #991b1b; }

/* RATING STARS */
.a10qz2u {
  display: flex;
  align-items: center;
  gap: var(--a1ammgo);
  background: var(--a2j3718);
  padding: var(--a1ammgo);
  border-radius: var(--a18t5hh);
  margin-bottom: var(--a1ammgo);
  border: 1px solid var(--a22kkri);
}
.a2ecqxf {
  font-size: 42px;
  font-weight: 800;
  color: var(--agzk4so);
  line-height: 1;
}
.a2o2urx { font-size: 12px; color: var(--a9svqwe); margin-top: 4px; }
.a1vke6s { display: flex; flex-direction: column; gap: var(--a1sdblf); }
.a138fpf {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: var(--a43lxub);
  padding: 10px 14px;
  background: var(--a2j3718);
  border-radius: var(--aef40dg);
  border: 1px solid var(--a22kkri);
  align-items: center;
  font-size: 14px;
}
.a6ezw9b { font-weight: 500; }
.a1eqaqe { font-size: 14px; }
.a1g94nh { font-weight: 700; min-width: 30px; text-align: right; }
.a1zoxwm { color: var(--a22kkri); }
.a1zoxwm.a1xc31t { color: var(--a24o0dq); }

/* SITE FOOTER */
.a198vf8 {
  border-top: 1px solid var(--a22kkri);
  background: var(--a2a6v1d);
  padding: var(--a2b6s4u) 0;
  margin-top: var(--a1r5sv7);
  text-align: center;
  color: var(--a9svqwe);
  font-size: 13px;
}

/* RESPONSIVE TWEAKS */
@media (max-width: 640px) {
  .a1a4b8s { padding: var(--a2b6s4u) 0; }
  .a2dcvjd { flex-direction: column; align-items: stretch; }
  /* Лого держим фиксированным квадратом и центрируем (не растягиваем на всю ширину — иначе обрезка/искажение иконки на мобилке). */
  .a2dygbh { width: 96px; height: 96px; align-self: center; }
}

/* ============================================================
   EXTENDED BLOCKS (Phase 3.1)
   ============================================================ */

/* AUTHOR */
.aluhwkz { padding: var(--a1231kk) 0; }
.av9xi3d {
  display: flex;
  gap: var(--a1ammgo);
  align-items: flex-start;
  padding: var(--a2b6s4u);
  background: var(--a2a6v1d);
  border: 1px solid var(--a22kkri);
  border-radius: var(--a18t5hh);
}
.a2dkj3j {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--a283ov7);
}
.a2dkj3j img { width: 100%; height: 100%; object-fit: cover; }
.aqqlajb { width: 100%; height: 100%; background: var(--a283ov7); }
.agk6hbr { flex: 1; }
.a2aqioj {
  font-size: 17px;
  font-weight: 700;
  color: var(--a24o0dq);
  margin-bottom: 4px;
}
.a2dbf5d {
  font-size: 13px;
  color: var(--a9svqwe);
  margin-bottom: var(--a1sdblf);
}
.a16or0q {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: var(--a1sdblf);
}
.a18z4yo {
  font-size: 13px;
  color: var(--a24o0dq);
  font-weight: 600;
  margin-top: var(--a1sdblf);
}
.a1biruw {
  font-size: 12px;
  color: var(--a9svqwe);
  margin-top: 4px;
}
.al39mfu {
  display: flex;
  gap: var(--a76iffe);
  flex-shrink: 0;
}
.a2421e2 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--a283ov7);
  color: var(--agfbgun);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.a2421e2:hover { background: var(--a2p881y); text-decoration: none; }
.a22ny9p { background: #0a66c2; }
.a1f467b { background: #000; }
.a26t3ts { background: #1877f2; }
.azztzd8 {
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}
@media (max-width: 640px) {
  .av9xi3d { flex-direction: column; }
  .a2dkj3j { margin: 0 auto; }
  .al39mfu { align-self: center; }
}

/* DATA TABLE */
.a5q80ht {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  background: var(--a2j3718);
}
.a5q80ht thead {
  background: var(--a283ov7);
  color: var(--agfbgun);
}
.a5q80ht th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.a5q80ht td {
  padding: 10px 16px;
  border-bottom: 1px solid var(--a22kkri);
}
.a5q80ht tr:hover { background: var(--a2a6v1d); }
.a5q80ht td.ajqcz6b {
  color: var(--a24o0dq);
  font-weight: 700;
}

/* STEPS */
.aum08qy.a19mhac {
  display: flex;
  flex-direction: column;
  gap: var(--a43lxub);
}
.aum08qy.a2cnszf {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--a43lxub);
}
.a1e9ltk {
  display: flex;
  gap: var(--a43lxub);
  padding: var(--a1ammgo);
  background: var(--a2a6v1d);
  border: 1px solid var(--a22kkri);
  border-radius: var(--a18t5hh);
  align-items: flex-start;
}
.a23ymyv {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--a24o0dq);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  flex-shrink: 0;
}
.a6xqyn4 { flex: 1; }
.a14ghbd { font-weight: 700; margin-bottom: 4px; }
.a1snxha {
  font-size: 13px;
  color: var(--a9svqwe);
  line-height: 1.55;
}
.a19e59u {
  width: 70px;
  height: 70px;
  border-radius: var(--a18t5hh);
  overflow: hidden;
  flex-shrink: 0;
}
.a19e59u img { width: 100%; height: 100%; object-fit: cover; }

/* ICON GRID */
.av0l6jt {
  display: grid;
  gap: var(--a1sdblf);
}
.a23z7ov .av0l6jt { grid-template-columns: repeat(2, 1fr); }
.a25hrrd .av0l6jt { grid-template-columns: repeat(3, 1fr); }
.arscf28 .av0l6jt { grid-template-columns: repeat(4, 1fr); }
.a1hluji .av0l6jt { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 640px) {
  .a25hrrd .av0l6jt,
  .arscf28 .av0l6jt,
  .a1hluji .av0l6jt {
    grid-template-columns: repeat(2, 1fr);
  }
}
.a753f59 {
  padding: var(--a43lxub);
  background: var(--a2j3718);
  border: 1px solid var(--a22kkri);
  border-radius: var(--a18t5hh);
  text-align: center;
}
.a2ctwjk { font-size: 24px; margin-bottom: 6px; }
.a2e9xz6 {
  font-size: 11px;
  color: var(--a9svqwe);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  font-weight: 600;
}
.a2jvrqa {
  font-size: 14px;
  font-weight: 700;
}

/* CARDS GRID */
.amo7x7c { display: grid; gap: var(--a43lxub); }
.aol2apb .amo7x7c { grid-template-columns: repeat(2, 1fr); }
.a2jsrrx .amo7x7c { grid-template-columns: repeat(3, 1fr); }
.a1i6z1d .amo7x7c { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 640px) {
  .a2jsrrx .amo7x7c,
  .a1i6z1d .amo7x7c {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .amo7x7c { grid-template-columns: 1fr !important; }
}
.a2lcfnd {
  padding: var(--a1ammgo);
  background: var(--a2j3718);
  border: 1px solid var(--a22kkri);
  border-radius: var(--a18t5hh);
}
.a28vfts {
  font-size: 28px;
  margin-bottom: var(--a1sdblf);
}
.auaaqtf {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--agzk4so);
}
.a2re2t8 {
  font-size: 13px;
  color: var(--a9svqwe);
  line-height: 1.55;
}

/* TOP CASINOS — pros + payment methods */
.aosadw9 {
  list-style: none;
  padding: 0;
  margin: var(--a1sdblf) 0 0;
  font-size: 12px;
  color: var(--agzk4so);
}
.aosadw9 li {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 3px;
}
.aosadw9 li::before {
  content: '✓';
  color: var(--a2opsgt);
  font-weight: 700;
}
.a2h1kvn {
  margin-top: var(--a43lxub);
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.a2h1kvn img {
  height: 40px;
  width: auto;
  max-width: 72px;
  object-fit: contain;
  background: #fff;
  border-radius: 4px;
  padding: 4px 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
@media (max-width: 640px) {
  .a2h1kvn { gap: 5px; }
  .a2h1kvn img { height: 32px; max-width: 56px; padding: 3px 5px; }
}

/* CUSTOM FOOTER */
.a1w11kb {
  background: var(--a283ov7);
  color: var(--agfbgun);
  padding: var(--a1231kk) 0;
  margin-top: var(--a1r5sv7);
}
.a19do46 {
  margin-bottom: var(--a1ammgo);
  text-align: center;
}
.a2na9w7 { font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.a1u8pt8 { font-size: 13px; opacity: 0.7; }
.a1y59ks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--a2b6s4u);
  margin-bottom: var(--a1ammgo);
}
.a2hp8lw h4 {
  font-size: 14px;
  margin: 0 0 var(--a1sdblf);
  color: var(--agfbgun);
}
.a2hp8lw ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.a2hp8lw li { margin-bottom: 4px; }
.a2hp8lw a {
  font-size: 13px;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
}
.a2hp8lw a:hover { color: #fff; text-decoration: underline; }
.a1hqlfu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--a1ammgo);
  flex-wrap: wrap;
  font-size: 13px;
  padding: var(--a43lxub) 0;
  border-top: 1px solid rgba(255,255,255,0.1);
  margin-top: var(--a43lxub);
}
.a1hqlfu a {
  color: rgba(255,255,255,0.7);
  text-decoration: underline;
}
.a1hqlfu a:hover { color: #fff; }
.a1lrjsa { color: rgba(255,255,255,0.7); }
.a1lrjsa a { color: #60a5fa; }
.a1ozdaf {
  text-align: center;
  font-size: 12px;
  color: rgba(255,255,255,0.5);
  padding-top: var(--a43lxub);
}

/* ============================================================
 * Legal logos block (Phase 3.6)
 * ============================================================ */
.abkxehk {
  padding: var(--a1ammgo) 0;
  background: var(--ayk2qjh, transparent);
}
.a2cik7i {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: var(--a43lxub);
  color: var(--a4k25yz, currentColor);
  opacity: 0.85;
}
.am3e1x4 {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
  justify-content: center;
}
.a278dr5,
.aw4unzh {
  display: inline-flex;
  align-items: center;
  transition: opacity .15s;
}
.a278dr5 {
  cursor: pointer;
  opacity: 0.85;
}
.a278dr5:hover { opacity: 1; }
.a278dr5 img,
.aw4unzh img {
  display: block;
  height: 48px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
}
@media (max-width: 640px) {
  .am3e1x4 { gap: 12px; }
  .a278dr5 img,
  .aw4unzh img { height: 36px; max-width: 140px; }
}

/* ============================================================
 * Payment logos block — платёжные системы казино.
 * SVG-бейджи самодостаточны (собственный фон), видны на любой теме.
 * ============================================================ */
.a2g6hzr {
  padding: var(--a1ammgo) 0;
  background: var(--ayk2qjh, transparent);
}
.a1nj45d {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: var(--a43lxub);
  color: var(--a4k25yz, currentColor);
  opacity: 0.85;
}
.ajep8rm {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: center;
}
.a1l920o {
  display: inline-flex;
  align-items: center;
  transition: opacity .15s, transform .15s;
}
.a1l920o:hover { transform: translateY(-1px); }
.a1l920o img {
  display: block;
  height: 40px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
  border-radius: 4px;
}
@media (max-width: 640px) {
  .ajep8rm { gap: 10px; }
  .a1l920o img { height: 32px; max-width: 100px; }
}

/* ============================================================
 * PROVIDERS GRID (031)
 * ============================================================ */
.a1gnfvu {
  color: var(--a9svqwe);
  font-size: 15px;
  margin-bottom: var(--a1ammgo);
}
.a2rhzu5 {
  display: grid;
  gap: var(--a43lxub);
  grid-template-columns: repeat(5, 1fr);
}
.a2hxqwi .a2rhzu5 { grid-template-columns: repeat(3, 1fr); }
.a1r7207 .a2rhzu5 { grid-template-columns: repeat(4, 1fr); }
.a23g700 .a2rhzu5 { grid-template-columns: repeat(5, 1fr); }
.a2645a9 .a2rhzu5 { grid-template-columns: repeat(6, 1fr); }
@media (max-width: 768px) {
  .a23g700 .a2rhzu5,
  .a2645a9 .a2rhzu5 { grid-template-columns: repeat(3, 1fr); }
  .a1r7207 .a2rhzu5 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 480px) {
  .a2rhzu5 { grid-template-columns: repeat(2, 1fr) !important; }
}
.al8q4s1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--a1sdblf);
  padding: var(--a43lxub) var(--a1sdblf);
  background: var(--a2j3718);
  border: 1px solid var(--a22kkri);
  border-radius: var(--a18t5hh);
  min-height: 80px;
  transition: border-color .15s, box-shadow .15s;
}
.al8q4s1:hover {
  border-color: var(--a283ov7);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.al8q4s1 img {
  max-width: 100%;
  max-height: 44px;
  width: auto;
  object-fit: contain;
  display: block;
}
.a191ml4 {
  font-size: 12px;
  font-weight: 700;
  color: var(--agzk4so);
  text-align: center;
  line-height: 1.3;
}
.ar9dhd0 {
  font-size: 11px;
  color: var(--a9svqwe);
  text-align: center;
  line-height: 1.2;
}

/* ============================================================
 * GAME CARDS (031)
 * ============================================================ */
.ayalit7 {
  display: grid;
  gap: var(--a1ammgo);
  grid-template-columns: repeat(3, 1fr);
}
.aghn694 .ayalit7 { grid-template-columns: repeat(2, 1fr); }
.apdm4cq .ayalit7 { grid-template-columns: repeat(3, 1fr); }
.a1eh23e .ayalit7 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 768px) {
  .apdm4cq .ayalit7,
  .a1eh23e .ayalit7 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .ayalit7 { grid-template-columns: 1fr !important; }
}
.a2je4rl {
  background: var(--a2j3718);
  border: 1px solid var(--a22kkri);
  border-radius: var(--adw9pgh);
  overflow: hidden;
  transition: box-shadow .15s, transform .15s;
}
.a2je4rl:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.1);
  transform: translateY(-2px);
}
.a2f3w0a {
  position: relative;
  aspect-ratio: 16/9;
  background: linear-gradient(135deg, var(--a283ov7), #52525b);
  overflow: hidden;
}
.a2f3w0a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.a29onvs {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.4);
  font-size: 14px;
  text-align: center;
  padding: var(--a1sdblf);
}
/* Иконочный thumb — жанровая иконка на тематическом градиенте (вместо превью-скриншота) */
.a1ucard {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--a283ov7), var(--a2p881y, #52525b));
}
.a1ucard .a2jdufr {
  font-size: 46px;
  line-height: 1;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));
}
/* Лёгкая вариация фона по жанру, чтобы карты не сливались */
.a1ucard[data-a1x0asf="crash"]   { background: linear-gradient(135deg, #7c3aed, #db2777); }
.a1ucard[data-a1x0asf="plinko"]  { background: linear-gradient(135deg, #0ea5e9, #6366f1); }
.a1ucard[data-a1x0asf="fish"]    { background: linear-gradient(135deg, #0891b2, #14b8a6); }
.a1ucard[data-a1x0asf="chicken"] { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.a1ucard[data-a1x0asf="table"]   { background: linear-gradient(135deg, #166534, #065f46); }
.a1ucard[data-a1x0asf="roulette"],
.a1ucard[data-a1x0asf="wheel"]   { background: linear-gradient(135deg, #b91c1c, #7c2d12); }
.a1ucard[data-a1x0asf="jackpot"] { background: linear-gradient(135deg, #ca8a04, #b45309); }
.a1ucard[data-a1x0asf="live"]    { background: linear-gradient(135deg, #4338ca, #1e293b); }
.a1q3hgo {
  position: absolute;
  top: 8px;
  left: 8px;
  background: var(--a24o0dq);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: var(--aef40dg);
  letter-spacing: .04em;
}
.aanfzy7 {
  padding: var(--a43lxub);
}
.a1xc8a3 {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: var(--a76iffe);
  color: var(--agzk4so);
}
.a1bpqpb {
  display: flex;
  gap: var(--a1ammgo);
  font-size: 12px;
  color: var(--a9svqwe);
  margin-bottom: var(--a43lxub);
}
.a1bpqpb strong { color: var(--a2opsgt); }
.a1291wg {
  display: block;
  text-align: center;
  padding: 8px 0;
  font-size: 13px;
  font-weight: 600;
  border-radius: var(--aef40dg);
}

/* ============================================================
 * REVIEWS BLOCK (031)
 * ============================================================ */
.a1f5q83 {
  display: flex;
  align-items: center;
  gap: var(--a2b6s4u);
  flex-wrap: wrap;
  margin-bottom: var(--a2b6s4u);
}
.a1f5q83 h2 { margin-bottom: 0; }
.a1dvafa {
  display: flex;
  align-items: center;
  gap: var(--a43lxub);
}
.a1275q2 {
  display: inline-block;
  background: #00b67a;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  padding: 4px 10px;
  border-radius: var(--aef40dg);
}
.a2ifvgf {
  font-size: 13px;
  color: var(--a9svqwe);
}
.a6ghclp {
  display: flex;
  flex-direction: column;
  gap: var(--a43lxub);
}
.a9rexm7 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--a43lxub);
}
.adm73aj {
  padding: var(--a1ammgo);
  background: var(--a2j3718);
  border: 1px solid var(--a22kkri);
  border-radius: var(--a18t5hh);
}
.a227rn1 {
  display: flex;
  align-items: center;
  gap: var(--a43lxub);
  margin-bottom: var(--a43lxub);
}
.a9qez3r {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--a283ov7);
  color: var(--agfbgun);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
}
.ainln6t { flex: 1; }
.a2qo0ym {
  font-weight: 600;
  font-size: 14px;
  color: var(--agzk4so);
}
.ak52jw5 {
  font-size: 11px;
  color: var(--a9svqwe);
  margin-top: 2px;
}
.a25p19w { margin-left: auto; white-space: nowrap; }
.a25p19w .a1zoxwm { color: #ddd; font-size: 14px; }
.a25p19w .a1zoxwm.a1xc31t { color: #00b67a; }
.avmpdf5 {
  font-size: 14px;
  color: var(--agzk4so);
  line-height: 1.6;
}
.ap7tb0b {
  padding: 0;
  object-fit: cover;
}

/* ============================================================
 * REVIEWS CARDS-PHOTO LAYOUT (фото реальных людей, chicken-plinko стиль)
 * ============================================================ */
.a4gpfxg { justify-content: center; text-align: center; }
.agf3ulu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--a1ammgo);
}
.a1mxmmh {
  padding: var(--a2b6s4u) var(--a1ammgo);
  background: var(--a2j3718);
  border: 1px solid var(--a22kkri);
  border-radius: var(--a18t5hh);
  display: flex;
  flex-direction: column;
  gap: var(--a43lxub);
}
.a1mxmmh .amhhwrl {
  max-height: 40px;
  width: auto;
  object-fit: contain;
  align-self: flex-start;
}
.a1mxmmh .avmpdf5 {
  font-style: italic;
  flex: 1;
  margin: 0;
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--agzk4so);
}
.a1mxmmh .a12i4i8 {
  display: flex;
  align-items: center;
  gap: var(--a43lxub);
  margin-top: var(--a1sdblf);
}
.a1mxmmh .a2ajcqw {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--acwvnfx, #f4f4f5);
}
.a1mxmmh .a12iysp {
  background: var(--a283ov7);
  color: var(--agfbgun);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
}
.a1mxmmh .a299zw2 { min-width: 0; }
.a1mxmmh .a2qo0ym {
  font-weight: 600;
  font-size: 14.5px;
  margin: 0;
  color: var(--agzk4so);
}
.a1mxmmh .a25p19w {
  margin: 4px 0 0;
  display: flex;
  gap: 1px;
}

/* ============================================================
 * CALLOUT BOX (031)
 * ============================================================ */
.a13ytr1 {
  margin: var(--a1ammgo) 0;
  border-radius: 0 var(--a18t5hh) var(--a18t5hh) 0;
}
.ajcl7av     { background: #f0fdf4; border-left: 4px solid #22c55e; }
.a21i14c    { background: #eff6ff; border-left: 4px solid #3b82f6; }
.a24loty { background: #fffbeb; border-left: 4px solid #f59e0b; }
.aq40t1u  { background: #fef2f2; border-left: 4px solid #ef4444; }
.aytdj11 {
  display: flex;
  gap: var(--a43lxub);
  align-items: flex-start;
  padding: var(--a43lxub) var(--a1ammgo);
}
.a2o52za { font-size: 18px; flex-shrink: 0; margin-top: 2px; }
.a1whnph { flex: 1; }
.av7os8f {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 4px;
}
.ajcl7av     .av7os8f { color: #15803d; }
.a21i14c    .av7os8f { color: #1d4ed8; }
.a24loty .av7os8f { color: #b45309; }
.aq40t1u  .av7os8f { color: #b91c1c; }
.amsxkb7 {
  font-size: 14px;
  line-height: 1.6;
}
.ajcl7av     .amsxkb7 { color: #166534; }
.a21i14c    .amsxkb7 { color: #1e40af; }
.a24loty .amsxkb7 { color: #92400e; }
.aq40t1u  .amsxkb7 { color: #991b1b; }

/* CONTACT FORM (тема-независимо через var(--c-*) — работает во всех палитрах) */
.a2id2lm .a2qtkk5 { max-width: 640px; }
.a5ydhha { color: var(--a9svqwe); margin-bottom: var(--a1ammgo); }
.a1wov5z { display: grid; gap: var(--a43lxub); }
.atiwnaj { display: flex; flex-direction: column; }
.ap00sg7 { font-size: 13px; font-weight: 600; margin-bottom: 6px; color: var(--agzk4so); }
.a226kkn {
  width: 100%; box-sizing: border-box;
  padding: 11px 14px; font-size: 15px; font-family: inherit;
  border: 1px solid var(--a22kkri); border-radius: var(--a18t5hh);
  background: var(--a2j3718); color: var(--agzk4so);
  transition: border-color .15s ease;
}
.a226kkn::placeholder { color: var(--a9svqwe); }
.a226kkn:focus { outline: none; border-color: var(--a283ov7); }
.a2cifbo { resize: vertical; min-height: 120px; }
.a1am6ca { justify-self: start; margin-top: var(--a43lxub); cursor: pointer; }
.a13arbt {
  margin-top: var(--a1ammgo); padding: 14px 16px;
  border: 1px solid #86efac; background: #f0fdf4; color: #166534;
  border-radius: var(--a18t5hh); font-weight: 500;
}


/* ============================================================
   Theme: candy-pop
   Vibe: playful, casual, bingo/slots — candy pink + cyan + rounded corners
   Hero default: full-bg
   For: casual/bingo/social casino, kid-of-heart slot sites, fun brands
   ============================================================ */

:root {
  --a283ov7: #ec4899;          /* candy pink */
  --agfbgun: #ffffff;
  --a2p881y: #06b6d4;            /* pop cyan */
  --agzk4so: #3b0764;             /* deep grape for playful contrast */
  --a9svqwe: #9d6ba8;
  --a2j3718: #fffdf7;               /* warm white */
  --a2a6v1d: #fef2f8;          /* pink tint */
  --a22kkri: #fbcfe8;
  --a2opsgt: #22c55e;
  --a24o0dq: #f59e0b;
  --a1d115d: #ef4444;

  --a18t5hh: 22px;
  --aef40dg: 14px;
  --adw9pgh: 30px;

  --a246dyo: "Nunito", "Segoe UI", system-ui, sans-serif;
  --a1mo9zj: "Nunito", system-ui, sans-serif;

  --a1zfd75: full-bg;
  --ajqatmf: 0 10px 30px rgba(236, 72, 153, 0.18);
}

body {
  background: var(--a2j3718);
  color: var(--agzk4so);
  background-image:
    radial-gradient(ellipse at 0% 0%, rgba(236, 72, 153, 0.10) 0%, transparent 45%),
    radial-gradient(ellipse at 100% 10%, rgba(6, 182, 212, 0.10) 0%, transparent 45%);
  background-repeat: no-repeat;
}

h1, h2, h3, h4 {
  font-family: var(--a1mo9zj);
  font-weight: 800;
  color: var(--agzk4so);
  letter-spacing: -0.01em;
}
h1 {
  background: linear-gradient(120deg, var(--a283ov7) 0%, #f97316 60%, var(--a2p881y) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.a1t6ipm {
  border-radius: 999px;
  font-weight: 800;
}
.a2999zf { background: linear-gradient(120deg, #ec4899 0%, #f472b6 100%); color: #fff; box-shadow: 0 6px 18px rgba(236, 72, 153, 0.32); border: none; }
.a2999zf:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 10px 24px rgba(236, 72, 153, 0.45); }
.a1t5mgg { background: var(--a2p881y); color: #04252b; box-shadow: 0 6px 18px rgba(6, 182, 212, 0.3); }

.a2rfr74 {
  background:
    radial-gradient(ellipse at 30% 30%, rgba(236, 72, 153, 0.16) 0%, transparent 55%),
    radial-gradient(ellipse at 75% 70%, rgba(6, 182, 212, 0.14) 0%, transparent 55%),
    var(--a2a6v1d);
}
.a1rkz2j { color: var(--a9svqwe); }

.av5k46i {
  background: var(--a2j3718);
  border: 2px solid var(--a22kkri);
  border-radius: var(--a18t5hh);
  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.08);
  transition: all 0.2s;
}
.av5k46i:hover { border-color: var(--a283ov7); box-shadow: 0 8px 22px rgba(236, 72, 153, 0.2); transform: translateY(-3px); }
.a2g7vjq, .a22a1qg { color: var(--a283ov7); font-weight: 800; }
.a1ryfst, .a1eqaqe, .a1zoxwm.a1xc31t { color: var(--a24o0dq); }

.ajl8uz5 { background: var(--a2a6v1d); border: 2px solid var(--a22kkri); border-radius: var(--a18t5hh); }
.ajl8uz5 summary { color: var(--a283ov7); }

.az3kx83 li::before { color: var(--a2opsgt); }
.a2mrzr3 li::before { color: var(--a1d115d); }

.a5q80ht thead { background: var(--a2a6v1d); color: var(--agzk4so); }
.a5q80ht thead th { border-bottom: 2px solid var(--a283ov7); }
.a5q80ht td.ajqcz6b { color: var(--a283ov7); }

.a753f59, .a2lcfnd {
  background: var(--a2j3718);
  border: 2px solid var(--a22kkri);
  border-radius: var(--a18t5hh);
  box-shadow: 0 2px 8px rgba(236, 72, 153, 0.07);
}
.a2jvrqa { color: var(--a283ov7); }

.a23ymyv { background: linear-gradient(120deg, #ec4899 0%, #f472b6 100%); color: #fff; }

.av9xi3d { background: var(--a2a6v1d); border: 2px solid var(--a22kkri); }
.a2aqioj { color: var(--agzk4so); }
.a18z4yo { color: var(--a283ov7); }

.a198vf8, .akosj3s { background: var(--a2a6v1d); color: var(--a9svqwe); border-top: 2px solid var(--a22kkri); }
.a1w11kb { background: #3b0764; color: #fce7f3; }
.a1hqlfu a { color: var(--a283ov7); }