
  :root{--bg-navy:#F8F6F0;--gold:#1A1A1A;}
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    background: var(--bg-navy);
    color: var(--gold);
    font-family: 'Roboto', 'Sarabun', Arial, sans-serif;
    font-weight: 300;
    min-height: 100vh;
  }
  .page { max-width: 900px; margin: 0 auto; padding-bottom: 40px; }

  /* ---------- Nav bar dùng chung toàn site POLTV ---------- */
  .site-nav { background: var(--bg-navy); border-bottom: 1px solid rgba(26,26,26, 0.25); }
  .site-nav-inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
  }
  .site-nav-brand { display: flex; align-items: center; gap: 8px; text-decoration: none; flex: none; }
  .site-nav-brand img { height: clamp(28px, 6vw, 36px); width: auto; display: block; }
  .site-nav-brand span { color: var(--gold); font-weight: 400; font-size: 18px; letter-spacing: 0.5px; }
  .site-nav-links { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
  .site-nav-links a { color: var(--gold); text-decoration: none; font-size: 14px; font-weight: 300; opacity: 0.85; }
  .site-nav-links a:hover { opacity: 1; text-decoration: underline; }
  .site-nav-disabled { color: var(--gold); opacity: 0.4; font-size: 14px; font-weight: 300; cursor: not-allowed; white-space: nowrap; }
  .site-nav-disabled .badge { font-size: 10px; border: 1px solid rgba(26,26,26, 0.5); border-radius: 10px; padding: 1px 6px; margin-left: 4px; }
  .site-nav-cta { display: flex; align-items: center; flex: none; }
  .site-nav-cta img { height: clamp(30px, 6.5vw, 40px); width: auto; display: block; }

  /* ---------- Banner ---------- */
  .banner-wrap { width: 100%; overflow: hidden; height: clamp(160px, 32vw, 340px); position: relative; }
  .banner-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; }
  .banner-title-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 10%;
    pointer-events: none;
  }
  .banner-title-overlay h1 {
    font-size: clamp(24px, 5vw, 44px);
    font-weight: 400;
    color:#d1d5db;text-shadow:-1px -1px 0 #33060e, 1px -1px 0 #33060e, -1px 1px 0 #33060e, 1px 1px 0 #33060e, 0 2px 6px rgba(0,0,0,0.6);
    line-height: 1.3;
  }
  .banner-subtitle {
    margin-top: 10px;
    font-size: clamp(13px, 2.4vw, 17px);
    font-weight: 300;
    color:#d1d5db;text-shadow:-1px -1px 0 #33060e, 1px -1px 0 #33060e, -1px 1px 0 #33060e, 1px 1px 0 #33060e, 0 2px 6px rgba(0,0,0,0.6);
    opacity: 0.92;
    max-width: 520px;
  }

  .intro { padding: 24px 20px 8px; font-size: 15px; line-height: 1.7; opacity: 0.9; max-width: 720px; margin: 0 auto; text-align: center; }

  /* ---------- 4 khối nội dung chính (bố cục "góc nhô", xếp DỌC 1 cột cho
     MỌI kích thước màn hình - đổi 2026-09-05 theo yêu cầu Poldang) ---------- */
  .feature-grid { display: flex; flex-direction: column; gap: 34px; padding: 28px 20px 8px; }
  .feature-card {
    position: relative;
    border: 1px solid rgba(26,26,26, 0.35);
    border-radius: 14px;
    padding: 16px 20px 20px;
    text-decoration: none;
    color: var(--gold);
    display: block;
    transition: background 0.15s ease;
  }
  a.feature-card:hover { background: rgba(26,26,26, 0.06); }
  .feature-icon-badge {
    position: absolute; top: -20px; left: -20px;
    width: 58px; height: 58px; border-radius: 50%;
    background: var(--bg-navy);
    border: 1.5px solid rgba(26,26,26,0.4);
    display: flex; align-items: center; justify-content: center;
  }
  .feature-icon-badge svg { width: 25px; height: 25px; stroke: var(--gold); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
  .feature-head { margin: 0 0 10px 42px; min-height: 26px; display: flex; align-items: center; }
  .feature-title { font-size: clamp(16px, 3.2vw, 19px); font-weight: 400; }
  .feature-desc { display: block; font-size: 14px; opacity: 0.8; line-height: 1.55; font-weight: 300; }
  .feature-subactions { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
  .feature-subbtn {
    flex: 1;
    min-width: 140px;
    text-align: center;
    padding: 10px 12px;
    border: 1px solid rgba(26,26,26, 0.5);
    border-radius: 6px;
    color: var(--gold);
    text-decoration: none;
    font-size: 14px;
  }
  .feature-subbtn:hover { background: rgba(26,26,26, 0.1); }
  .feature-card.disabled { opacity: 0.45; cursor: not-allowed; }
  .feature-badge {
    display: inline-block;
    font-size: 11px;
    padding: 3px 9px;
    border: 1px solid rgba(26,26,26, 0.5);
    border-radius: 12px;
    width: fit-content;
  }

  /* ---------- Footer + mạng xã hội ---------- */
  .site-footer { text-align: center; padding: 24px 20px 8px; font-size: 13px; }
  .site-footer p { opacity: 0.7; }
  .footer-links { margin-bottom: 8px; font-size: 13px; opacity: 0.7; }
  .footer-links a { color: var(--gold); text-decoration: none; }
  .footer-links a:hover { text-decoration: underline; }
  .site-social { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 8px 20px 4px; }
  .site-social a {
    color: var(--gold);
    opacity: 0.85;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(26,26,26, 0.35);
    border-radius: 50%;
    text-decoration: none;
  }
  .site-social a:hover { opacity: 1; background: rgba(26,26,26, 0.08); }
  .site-social svg { width: 17px; height: 17px; fill: currentColor; }
.chat-fab{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,0.35);z-index:999;text-decoration:none;}.chat-fab svg{width:28px;height:28px;fill:#33060e;}.chat-fab:hover{filter:brightness(1.08);}@media (max-width:600px){.chat-fab{right:12px;bottom:12px;width:50px;height:50px;}.chat-fab svg{width:25px;height:25px;}}
