.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for text-editor, class: .elementor-element-dd92911 *//* ====== Palette (WonJSC vibe) ====== */
:root{
  --bg:#0b0f0c;            /* nền tối */
  --card:#0f1511;          /* card */
  --text:#e6f4ea;          /* chữ chính */
  --muted:#a9c2b1;         /* chữ phụ */
  --accent:#8dfc3c;        /* xanh neon */
  --accent2:#33ff99;       /* xanh neon phụ */
  --stroke:#1b3b23;        /* viền mảnh */
}

/* ====== Section ====== */
.won88-sec{
  position:relative;
  background: radial-gradient(900px 500px at 15% -10%, rgba(141,252,60,.10), transparent 60%),
              radial-gradient(700px 380px at 95% 0%, rgba(51,255,153,.08), transparent 60%),
              var(--bg);
  padding:56px 0 64px;
  color:var(--text);
}

.won88-wrap{ width:min(1100px,92%); margin-inline:auto; }

/* ====== Typo ====== */
.won88-title{
  font-size: clamp(28px, 3.5vw, 40px);
  margin:0 0 12px;
  background:linear-gradient(90deg, var(--accent), #f2fff6);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  letter-spacing:.2px; font-weight:800;
}
.won88-sec .lead{ color:var(--muted); margin:0 0 26px; }

.won88-h2{
  margin:28px 0 14px;
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight:800;
  color:var(--text);
  position:relative;
}
.won88-h2::after{
  content:"";
  display:block; height:3px; width:72px; margin-top:8px;
  background:linear-gradient(90deg, var(--accent), var(--accent2));
  border-radius:8px;
  box-shadow:0 0 22px rgba(141,252,60,.5);
}

/* ====== Lists ====== */
.won88-list{ list-style:none; padding:0; margin:0 0 10px; }
.won88-list li{
  position:relative; padding-left:30px; margin:10px 0; color:#dff3e6;
}
.won88-list li::before{
  content:""; position:absolute; left:0; top:.45rem;
  width:18px;height:18px;border-radius:6px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 0 0 3px rgba(141,252,60,.18);
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M8 13.2 3.8 9 2.2 10.6 8 16l9-9-1.6-1.6z"/></svg>') center/70% 70% no-repeat;
}
.won88-list.two-col{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 22px;
}
@media (max-width:800px){ .won88-list.two-col{ grid-template-columns:1fr; } }

/* Ordered list đẹp */
.won88-ol{ counter-reset: item; margin:0 0 8px; padding:0; list-style:none; }
.won88-ol li{
  counter-increment:item; margin:10px 0; padding-left:40px; position:relative;
  color:#dff3e6;
}
.won88-ol li::before{
  content: counter(item, decimal-leading-zero);
  position:absolute; left:0; top:0;
  font-weight:800; font-size:.95rem; color:#0b170e;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
  padding:.15rem .45rem; border-radius:.6rem;
  box-shadow:0 8px 20px rgba(51,255,153,.25);
}

/* Pills list */
.won88-pills{ list-style:none; padding:0; margin:0 0 8px; display:grid; gap:10px; }
.won88-pills li{
  background:linear-gradient(180deg, rgba(141,252,60,.10), rgba(51,255,153,.09));
  border:1px solid var(--stroke); border-radius:12px;
  padding:12px 14px; color:#dcffea;
}

/* Quote (sửa lỗi nền trắng như ảnh) */
.won88-quote{
  margin:12px 0 8px; padding:14px 16px;
  color:#eafff1; font-style:italic;
  background:rgba(11,23,14,.35);  /* trong suốt, không bị trắng */
  border:1px solid var(--stroke);
  border-left:4px solid var(--accent);
  border-radius:10px;
  backdrop-filter: blur(2px) saturate(140%);
}

/* Đoạn kết */
.won88-note{
  margin-top:18px; font-weight:600; color:#caffdb;
  background:linear-gradient(180deg, rgba(141,252,60,.08), rgba(51,255,153,.06));
  border:1px dashed rgba(141,252,60,.35);
  border-radius:12px; padding:14px 16px;
}

/* Tổng thể chữ/độ rộng */
.won88-sec p, .won88-sec li{ line-height:1.75; }

/* Nếu section nằm trong nền khác, thêm bo card: */
.won88-sec.is-card .won88-wrap{
  background:var(--card);
  border:1px solid var(--stroke);
  border-radius:16px;
  padding:28px 22px;
  box-shadow:0 10px 32px rgba(0,0,0,.45);
}

/* Link mặc định */
.won88-sec a {
  color: var(--accent);                /* xanh neon */
  text-decoration: none;               /* bỏ gạch chân mặc định */
  font-weight: 600;
  transition: all 0.25s ease;
  position: relative;
}

/* Hiệu ứng underline gradient */
.won88-sec a::after {
  content: "";
  position: absolute;
  left: 0; bottom: -2px;
  width: 100%; height: 2px;
  background: linear-gradient(90deg, var(--accent), var(--accent2));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
  border-radius: 2px;
}

/* Hover: đổi màu, thêm glow + underline */
.won88-sec a:hover {
  color: #dbffe9;                      /* sáng hơn */
  text-shadow: 0 0 6px rgba(141,252,60,0.7);
}

.won88-sec a:hover::after {
  transform: scaleX(1);
}

/* Link đã click */
.won88-sec a:visited {
  color: #80e89f;
}/* End custom CSS */