:root{
    --brand1:#5b8cff; --brand2:#7cf4e3; --ink:#0f172a; --muted:#64748b;
    --dvp-brand: #5b8cff; /* màu chính */
    --dvp-brand-2: #7cf4e3; /* màu phụ */
    --dvp-text: #0f172a;
    --dvp-muted: #475569;
    --dvp-bg: #f8fafc;
    --dvp-brand1:#5b8cff;
    --dvp-brand2:#7cf4e3;
    --dvp-ink:#0f172a;
    --dvp-mute:#475569;
    --dvp-card:#ffffff;
    --dvp-surface:#f9fbff;
    --dvp-ok:#22c55e;
    @media (prefers-color-scheme: dark){
        :root{
          --dvp-ink:#e2e8f0;
          --dvp-mute:#94a3b8;
          --dvp-card:#0b1220;
          --dvp-surface:#0a0f1a;
        }
  }
  .dvp-logo{
    display:flex; align-items:center; gap:10px;
    text-decoration:none; font-weight:800;
    font-size:clamp(18px,2vw,22px);
    color:#0f172a;
  }
  .dvp-logo__mark img{
    height:60px; width:auto; display:block;
    object-fit:contain;
    transition:.3s;
  }
  .dvp-logo__text{
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
    display:flex; flex-direction:column; line-height:1.1;
  }
  .dvp-logo__text strong{
    font-size:clamp(20px,2.2vw,24px);
    color:#5b8cff;
  }
  .dvp-logo__text span{
    color:#0f172a;
  }
  .dvp-header{
    position:sticky; top:0; z-index:9999; color:var(--ink);
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
    border-bottom:1px solid rgba(15,23,42,.06); overflow:clip;
  }
  .dvp-header::before{
    content:""; position:absolute; inset:-40% -20% auto -20%; height:200%;
    background:linear-gradient(270deg,var(--brand1),var(--brand2),#ffb86c,#ff6bcb);
    background-size:600% 600%; filter:blur(40px) saturate(115%);
    animation:dvpHdrMove 20s ease infinite; z-index:0; opacity:.35; pointer-events:none;
  }
  .dvp-header::after{
    content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
    background:linear-gradient(to bottom,rgba(255,255,255,.75),rgba(255,255,255,.55));
    backdrop-filter: blur(8px);
  }
  @keyframes dvpHdrMove{
    0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}
  }
  .dvp-header__inner{
    position:relative; z-index:2;
    max-width:1200px; margin:0 auto; padding:12px 20px;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
  }
  
  .dvp-logo__text{ font-weight:900; font-size:18px; color:var(--ink); }
  .dvp-logo__text span{ background:linear-gradient(90deg,var(--brand1),var(--brand2));
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .dvp-nav{ display:flex; align-items:center; gap:18px; }
  .dvp-nav a{
    position:relative; text-decoration:none; font-weight:700; font-size:14px; color:#0f213f;
    padding:8px 6px; transition: color .2s ease;
  }
  .dvp-nav a::after{
    content:""; position:absolute; left:10px; right:10px; bottom:4px; height:2px; border-radius:2px;
    background:linear-gradient(90deg,var(--brand1),var(--brand2)); transform:scaleX(0); transform-origin:left;
    transition:transform .22s ease;
  }
  .dvp-nav a:hover{ color:#0b1b3a; }
  .dvp-nav a:hover::after{ transform:scaleX(1); }
  .dvp-cta{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
  .dvp-cta a{
    display:inline-flex; align-items:center; gap:8px;
    padding:9px 12px; border-radius:12px; font-weight:800; font-size:13.5px; text-decoration:none;
    background:linear-gradient(90deg,var(--brand1),var(--brand2)); color:#0b1b3a;
    box-shadow:0 6px 16px rgba(91,140,255,.28); transition:transform .18s ease, box-shadow .18s ease;
    border:1px solid rgba(15,23,42,.06);
  }
  .dvp-cta a:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(91,140,255,.36); }
  .dvp-cta .ghost{ background:rgba(255,255,255,.9); color:#0f172a; }
  
  /* Mobile Burger */
  .dvp-burger{ display:none; position:relative; z-index:3; }
  .dvp-burger button{
    width:42px; height:40px; border-radius:10px; cursor:pointer;
    background:rgba(255,255,255,.85); border:1px solid rgba(15,23,42,.08);
    box-shadow:0 3px 10px rgba(15,23,42,.08); display:flex; align-items:center; justify-content:center;
  }
  .dvp-burger .bars,.dvp-burger .bars::before,.dvp-burger .bars::after{
    content:""; display:block; width:20px; height:2px; background:#0f213f; border-radius:2px; transition:.25s;
  }
  .dvp-burger .bars{ position:relative; }
  .dvp-burger .bars::before{ position:absolute; top:-6px; left:0; }
  .dvp-burger .bars::after{ position:absolute; top:6px; left:0; }
  
  /* Drawer */
  .dvp-drawer{
    position:fixed; inset:64px 0 auto 0; height:calc(100vh - 64px);
    background:rgba(255,255,255,.96); backdrop-filter:blur(8px);
    box-shadow:0 10px 30px rgba(15,23,42,.18);
    transform:translateY(-6px) scale(.98); opacity:0; pointer-events:none;
    transition:transform .2s ease, opacity .2s ease; z-index:98; padding:14px 20px;
  }
  .dvp-drawer a{ display:block; padding:14px 8px; font-weight:700; color:#0f213f;
    text-decoration:none; border-bottom:1px solid rgba(15,23,42,.06);
  }
  
  /* Active */
  .dvp-header.is-open .dvp-drawer{ transform:none; opacity:1; pointer-events:auto; }
  .dvp-header.is-open .bars{ background:transparent; }
  .dvp-header.is-open .bars::before{ transform:rotate(45deg); top:0; }
  .dvp-header.is-open .bars::after{ transform:rotate(-45deg); top:0; }
  
  /* banner website */
  .dvp-hero{
    position:relative; isolation:isolate;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;
    color:var(--dvp-text); background: radial-gradient(1200px 600px at 20% -10%, rgba(123,205,255,.35), transparent 55%),
                           radial-gradient(800px 400px at 90% 10%, rgba(124,244,227,.35), transparent 60%),
                           linear-gradient(180deg,#ffffff, #f3f7ff);
    overflow:hidden;
  }
  .dvp-hero__inner{ max-width:1200px; margin:0 auto; padding:56px 20px 36px;}
  .dvp-pill{
    display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;
    background:rgba(255,255,255,.7); backdrop-filter: blur(6px); border:1px solid rgba(15,23,42,.08);
    font-weight:600; font-size:13px; color:#0b3b7a;
  }
  .dvp-badge-dot{ width:8px; height:8px; border-radius:50%; background:conic-gradient(var(--dvp-brand), var(--dvp-brand-2)); }
  .dvp-grid{ display:grid; gap:28px; grid-template-columns:1.25fr .9fr; align-items:center; }
  .dvp-title{ font-size:42px; line-height:1.1; letter-spacing:-.02em; margin:14px 0 12px; font-weight:800;}
  .dvp-gradient{
    background-image: linear-gradient(90deg, var(--dvp-brand), var(--dvp-brand-2));
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .dvp-desc{ font-size:16px; color:var(--dvp-muted); max-width:56ch; }
  .dvp-cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; }
  .dvp-btn{
    display:inline-flex; align-items:center; gap:10px; padding:14px 18px; border-radius:14px;
    border:1px solid rgba(15,23,42,.1); text-decoration:none; font-weight:700; font-size:15px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
    will-change: transform;
  }
  .dvp-btn svg{ width:18px; height:18px; flex:0 0 18px; }
  .dvp-btn--primary{ color:#0b1b3a; background:linear-gradient(90deg,var(--dvp-brand),var(--dvp-brand-2)); border-color:transparent; box-shadow:0 8px 24px rgba(91,140,255,.25);}
  .dvp-btn--ghost{ background:rgba(255,255,255,.9); }
  .dvp-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(15,23,42,.12); }
  .dvp-stats{
    display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:10px; margin-top:16px; max-width:560px;
  }
  .dvp-chip{
    display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.75);
    border:1px solid rgba(15,23,42,.08); font-size:14px; font-weight:600; color:#0f2b55;
  }
  .dvp-dot{ width:10px; height:10px; border-radius:50%; background:radial-gradient(circle at 30% 30%, #fff, rgba(255,255,255,0) 60%), linear-gradient(90deg,var(--dvp-brand), var(--dvp-brand-2)); }
  .dvp-card{
    position:relative; border-radius:20px; padding:18px; background:rgba(255,255,255,.8); border:1px solid rgba(15,23,42,.08);
    box-shadow: 0 6px 24px rgba(15,23,42,.08); overflow:hidden;
  }
  .dvp-card__title{ font-weight:800; font-size:16px; margin:6px 0 12px;}
  .dvp-list{ display:grid; gap:10px; }
  .dvp-li{ display:flex; align-items:flex-start; gap:10px; font-size:14px; color:#0f274e;}
  .dvp-li svg{ width:18px; height:18px; margin-top:2px; }
  .dvp-note{
    margin-top:12px; font-size:12.5px; color:#475569; background: #f1f5ff; border:1px dashed rgba(15,23,42,.15); padding:10px 12px; border-radius:12px;
  }
  /* wave bottom */
  .dvp-wave{ position:absolute; inset:auto 0 0 0; height:80px; z-index:-1; }



  /* footer website */
  footer.dvp-footer{
    position:relative; isolation:isolate;
    color:#0f172a;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
    padding:56px 20px 22px;
    overflow:clip;
  }

  /* nền động gradient (giống header) */
  footer.dvp-footer::before{
    content:""; position:absolute; inset:-40% -20% auto -20%; height:200%;
    background:linear-gradient(270deg, var(--brand1), var(--brand2), #ffb86c, #ff6bcb);
    background-size:600% 600%;
    filter:blur(40px) saturate(115%);
    animation:dvpHdrMove 20s ease infinite;
    z-index:0; opacity:.35; pointer-events:none;
  }
  footer.dvp-footer::after{
    content:""; position:absolute; inset:0; z-index:0;
    background:linear-gradient(to top, rgba(255,255,255,.75), rgba(255,255,255,.55));
    backdrop-filter: blur(8px);
    pointer-events:none;
  }
  @keyframes dvpHdrMove{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
  }

  .dvp-footer__inner{
    position:relative; z-index:1;
    max-width:1200px; margin:0 auto;
    display:grid; gap:32px;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  }
  .dvp-footer h4{ font-size:16px; font-weight:800; margin:0 0 14px; }
  .dvp-footer p,.dvp-footer a,.dvp-footer li{ font-size:14px; line-height:1.6; color:#0f172a; }
  .dvp-footer a{ text-decoration:none; opacity:.9; transition:.2s; }
  .dvp-footer a:hover{ opacity:1; color:#0b1b3a; }
  .dvp-footer ul{ list-style:none; margin:0; padding:0; }
  .dvp-footer li{ margin-bottom:8px; }
  .dvp-social{ display:flex; gap:10px; margin-top:10px; }
  .dvp-social a{ display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center;
    border-radius:50%; background:rgba(255,255,255,.8); color:#0f172a; border:1px solid rgba(0,0,0,.1);
    transition:.25s; }
  .dvp-social a:hover{ background:linear-gradient(90deg,var(--brand1),var(--brand2)); color:#fff; }

  .dvp-footer__bottom{
    position:relative; z-index:1;
    margin-top:30px; border-top:1px solid rgba(15,23,42,.1);
    text-align:center; padding-top:16px; font-size:13px; color:#334155;
  }
  /* bảng giá dịch vụ Unlock */
  .dvp-section-divider{
    height:20px;
    background:linear-gradient(135deg,#5b8cff,#7cf4e3);
    position:relative;
    overflow:hidden;
  }
  .dvp-section-divider::after{
    content:"";
    position:absolute; inset:0;
    background:radial-gradient(circle at 20% 40%,rgba(255,255,255,.25),transparent 70%),
               radial-gradient(circle at 80% 70%,rgba(255,255,255,.18),transparent 70%);
    animation:floatBg 12s linear infinite;
  }
  @keyframes floatBg{
    0%{background-position:0 0,100% 100%;}
    50%{background-position:40px -20px,calc(100% - 40px) calc(100% + 20px);}
    100%{background-position:0 0,100% 100%;}
  }

<div class="dvp-section-divider" aria-hidden="true"></div>

<!-- ===== BẢNG GIÁ MỞ KHÓA FACEBOOK ===== -->
<style>
  .dvp-unlock-pricing{
    background:#ffffff;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
    color:#0f172a;
    padding:48px 20px 60px;
    border-top:1px solid rgba(15,23,42,.06);
  }
  .dvp-unlock-pricing__inner{ max-width:1200px; margin:0 auto; }
  .dvp-unlock-pricing h2{
    text-align:center; font-size:clamp(24px,3.8vw,32px); font-weight:800; margin:0 0 8px;
  }
  .dvp-unlock-pricing p.desc{
    text-align:center; color:#475569; margin:0 0 28px; font-size:15px;
  }

  /* Bảng tổng hợp */
  .dvp-price-table{
    overflow:auto; border:1px solid rgba(15,23,42,.08); border-radius:14px;
    background:#fff; box-shadow:0 6px 18px rgba(15,23,42,.04);
  }
  .dvp-price-table table{ width:100%; border-collapse:separate; border-spacing:0; min-width:720px; }
  .dvp-price-table th, .dvp-price-table td{
    text-align:left; padding:12px 14px; font-size:14px; border-bottom:1px solid rgba(15,23,42,.06);
  }
  .dvp-price-table thead th{
    background:#f1f5ff; font-weight:800; font-size:13px; color:#0b1b3a;
  }
  .dvp-price-table tbody tr:last-child td{ border-bottom:none; }
  .dvp-chip{
    display:inline-block; padding:4px 8px; border-radius:999px; font-size:12px; font-weight:800;
    background:rgba(91,140,255,.12); color:#0b1b3a;
  }

  /* Bảng giá thiết kế website */
  .dvp-web-pricing{
    background:#fff;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
    color:#0f172a;
    padding:clamp(40px,6vw,80px) 20px;
    border-top:1px solid rgba(15,23,42,.06);
  }
  .dvp-web-pricing__inner{ max-width:1200px; margin:0 auto; }

  .dvp-web-pricing h2{
    text-align:center; 
    font-size:clamp(22px,4vw,34px); 
    font-weight:800; 
    margin-bottom:10px;
  }
  .dvp-web-pricing p.desc{
    text-align:center; 
    color:#475569; 
    margin:0 0 clamp(24px,5vw,40px); 
    font-size:clamp(14px,2vw,16px);
  }

  /* Lưới responsive */
  .dvp-web-grid{
    display:grid; 
    gap:clamp(18px,3vw,26px);
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  }

  /* Card */
  .dvp-web-card{
    background:#fff; 
    border:1px solid rgba(15,23,42,.08); 
    border-radius:16px;
    box-shadow:0 4px 14px rgba(15,23,42,.06);
    padding:clamp(20px,3vw,28px); 
    display:flex; 
    flex-direction:column; 
    transition:.25s;
  }
  .dvp-web-card:hover{
    transform:translateY(-6px); 
    box-shadow:0 12px 28px rgba(15,23,42,.12);
  }

  .dvp-web-title{ 
    font-size:clamp(16px,2.5vw,20px); 
    font-weight:800; 
    margin:0 0 8px; 
  }
  .dvp-web-price{
    font-weight:900; 
    font-size:clamp(20px,3.5vw,28px); 
    color:#2563eb; 
    margin-bottom:14px;
  }
  .dvp-web-price small{ 
    font-weight:600; 
    color:#64748b; 
    font-size:clamp(11px,1.8vw,13px); 
  }

  /* Danh sách */
  .dvp-web-list{ 
    list-style:none; 
    padding:0; 
    margin:0 0 18px; 
  }
  .dvp-web-list li{
    display:flex; 
    gap:8px; 
    align-items:flex-start; 
    font-size:clamp(13px,2vw,15px); 
    color:#0f172a; 
    padding:6px 0;
  }
  .dvp-web-list svg{ 
    width:16px; height:16px; flex:0 0 16px; color:#22c55e; 
  }

  /* Button */
  .dvp-btn{
    display:inline-block; 
    padding:clamp(10px,2vw,14px) clamp(14px,3vw,20px); 
    border-radius:12px; 
    font-weight:800; 
    font-size:clamp(13px,2vw,15px); 
    text-decoration:none;
    background:linear-gradient(90deg,#5b8cff,#7cf4e3); 
    color:#0b1b3a; 
    box-shadow:0 4px 12px rgba(91,140,255,.25);
    text-align:center; 
    transition:.25s;
  }
  .dvp-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 16px rgba(91,140,255,.35); }
  /* Cung cấp tài khoản bản quyền */
  .dvp-license{
    background:#f8fafc;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
    color:#0f172a;
    padding:clamp(40px,6vw,80px) 20px;
    border-top:1px solid rgba(15,23,42,.06);
  }
  .dvp-license__inner{ max-width:1200px; margin:0 auto; }

  .dvp-license h2{
    text-align:center;
    font-size:clamp(22px,4vw,32px);
    font-weight:800;
    margin-bottom:10px;
  }
  .dvp-license p.desc{
    text-align:center; 
    color:#475569; 
    margin:0 0 clamp(24px,5vw,40px);
    font-size:clamp(14px,2vw,16px);
  }

  .dvp-license-grid{
    display:grid;
    gap:clamp(16px,3vw,26px);
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  }
  .dvp-license-card{
    background:#fff;
    border:1px solid rgba(15,23,42,.08);
    border-radius:14px;
    box-shadow:0 4px 14px rgba(15,23,42,.06);
    padding:clamp(18px,2vw,24px);
    display:flex; 
    flex-direction:column; 
    align-items:center;
    text-align:center;
    transition:.25s;
  }
  .dvp-license-card:hover{ transform:translateY(-4px); box-shadow:0 10px 22px rgba(15,23,42,.12); }

  .dvp-license-card img{
    width:80px; height:80px; object-fit:contain; margin-bottom:14px;
  }
  .dvp-license-title{
    font-size:clamp(15px,2.5vw,18px);
    font-weight:700; margin:0 0 6px;
  }
  .dvp-license-price{
    font-size:clamp(14px,2vw,16px);
    color:#2563eb; font-weight:800; margin-bottom:12px;
  }
  .dvp-btn{
    display:inline-block;
    padding:10px 18px;
    border-radius:12px;
    font-weight:700;
    font-size:clamp(13px,2vw,15px);
    text-decoration:none;
    background:linear-gradient(90deg,#5b8cff,#7cf4e3);
    color:#0b1b3a;
    box-shadow:0 4px 12px rgba(91,140,255,.25);
    transition:.25s;
  }
  .dvp-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 16px rgba(91,140,255,.35); }

  /* nút xem tất cả */
  .dvp-license-more{
    margin-top:clamp(28px,5vw,48px);
    text-align:center;
  }
  .dvp-btn--big{
    padding:14px 28px;
    font-size:clamp(14px,2.5vw,16px);
    border-radius:14px;
  }
  /* Dịch vụ nuôi page FB */
  .dvp-fb-pricing {
    background:#ffffff;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
    color:#0f172a;
    padding:50px 20px 70px;
    border-top:1px solid rgba(15,23,42,.06);
  }
  .dvp-fb-pricing__inner { max-width:1200px; margin:0 auto; }

  .dvp-fb-pricing h2 {
    text-align:center; font-size:clamp(24px,3.5vw,32px); font-weight:800; margin:0 0 12px;
  }
  .dvp-fb-pricing p.desc {
    text-align:center; color:#475569; margin:0 0 30px; font-size:15px;
  }

  /* Bảng giá dạng lưới */
  .dvp-fb-grid {
    display:grid; gap:24px;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  }
  .dvp-fb-card {
    background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:16px;
    box-shadow:0 6px 18px rgba(15,23,42,.06);
    padding:26px 20px; display:flex; flex-direction:column; transition:.25s;
  }
  .dvp-fb-card:hover { transform:translateY(-6px); box-shadow:0 12px 28px rgba(15,23,42,.12); }

  .dvp-fb-title { font-size:18px; font-weight:800; margin:0 0 10px; }
  .dvp-fb-price {
    font-weight:900; font-size:clamp(22px,3vw,28px); color:#ef4444; margin:0 0 12px;
  }
  .dvp-fb-price small { font-weight:600; font-size:12px; color:#64748b; }

  .dvp-fb-features { list-style:none; padding:0; margin:12px 0 20px; }
  .dvp-fb-features li {
    display:flex; gap:8px; align-items:flex-start; font-size:14px; color:#0f172a; padding:5px 0;
  }
  .dvp-fb-features svg { width:16px; height:16px; flex:0 0 16px; color:#22c55e; }

  .dvp-fb-status {
    display:inline-block; font-size:13px; font-weight:700;
    background:#16a34a; color:#fff; padding:4px 10px; border-radius:8px;
    margin-bottom:14px;
  }

  .dvp-fb-cta {
    margin-top:auto;
  }
  .dvp-btn {
    display:inline-block; padding:10px 16px; border-radius:12px; font-weight:700; font-size:14px; text-decoration:none;
    background:linear-gradient(90deg,#5b8cff,#7cf4e3); color:#0b1b3a;
    box-shadow:0 4px 12px rgba(91,140,255,.25);
  }
  /* Bảng giá tăng tương tác */
  .engage-box{
    padding:60px 20px;
    background:#f9fbff;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
    color:#0f172a;
  }
  .engage-inner{ max-width:1000px; margin:0 auto; }
  .engage-box h2{
    text-align:center; font-size:clamp(26px,4vw,34px);
    font-weight:800; margin-bottom:10px;
  }
  .engage-box p.desc{
    text-align:center; color:#475569; margin-bottom:40px; font-size:15px;
  }

  .engage-card{
    background:#fff;
    border:1px solid rgba(15,23,42,.08);
    border-radius:16px;
    padding:30px 24px;
    box-shadow:0 6px 18px rgba(15,23,42,.06);
  }

  .engage-grid{
    display:grid; gap:24px;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  }
  .engage-col h3{ font-size:18px; font-weight:700; margin:0 0 12px; }

  .engage-list{ list-style:none; padding:0; margin:0; }
  .engage-list li{
    display:flex; align-items:flex-start; gap:8px;
    font-size:14px; color:#0f172a; margin-bottom:8px;
  }
  .engage-list svg{
    width:16px; height:16px; color:#22c55e; flex:0 0 16px;
  }
  .engage-list a{
    color:#2563eb; font-weight:600; text-decoration:none;
  }
  .engage-list a:hover{ text-decoration:underline; }

  .engage-cta{ margin-top:30px; text-align:center; }
  .engage-btn{
    display:inline-block; padding:12px 24px; border-radius:12px;
    font-weight:700;
    background:linear-gradient(90deg,#5b8cff,#7cf4e3);
    color:#fff; text-decoration:none;
    box-shadow:0 4px 12px rgba(91,140,255,.25);
    transition:.2s;
  }
  .engage-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 18px rgba(91,140,255,.35);
  }
  /* Buton liên hệ */
  .contact-fixed{
    position:fixed;
    right:20px;
    bottom:20px;
    display:flex;
    flex-direction:column;
    gap:12px;
    z-index:9999;
  }
  .contact-fixed a{
    width:50px; height:50px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:22px;
    box-shadow:0 4px 12px rgba(0,0,0,0.25);
    transition:.3s;
  }
  .contact-fixed a:hover{ transform:scale(1.1); }
  
  /* Zalo */
  .contact-fixed a.zalo{ background:#0068ff; }
  /* Facebook */
  .contact-fixed a.fb{ background:#1877f2; }
  /* Call */
  .contact-fixed a.call{ background:#22c55e; }
  /* load trang */
   /* Nền phủ toàn màn hình */
   #dvp-preloader {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(135deg, #5b8cff, #7cf4e3);
    display: flex; justify-content: center; align-items: center;
    z-index: 99999;
    transition: opacity .6s ease, visibility .6s ease;
  }
  #dvp-preloader.hidden {
    opacity: 0; visibility: hidden;
  }

  /* Loader xoay */
  .dvp-loader {
    width: 60px; height: 60px;
    border: 6px solid rgba(255,255,255,.3);
    border-top: 6px solid #fff;
    border-radius: 50%;
    animation: spin 2s linear infinite;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  /* Tài khoản bản quyền */
  .acc-price{
    padding:60px 20px;background:#f9fbff;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#0f172a;
  }
  .acc-price__inner{max-width:1200px;margin:0 auto;}
  .acc-price h2{font-size:clamp(26px,4vw,34px);font-weight:800;text-align:center;margin:0 0 10px}
  .acc-price .desc{color:#475569;text-align:center;margin:0 0 20px;font-size:15px}
  .acc-toolbar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:10px 0 16px}
  .acc-search{flex:1 1 360px;max-width:520px}
  .acc-search input{
    width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(15,23,42,.12);
    background:#fff;box-shadow:0 3px 10px rgba(15,23,42,.06);font-size:14px
  }
  .acc-filter select{
    padding:12px 14px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:700
  }

  .acc-tablewrap{overflow:auto;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#fff;
    box-shadow:0 6px 18px rgba(15,23,42,.06)}
  table.acc-table{width:100%;border-collapse:separate;border-spacing:0;min-width:780px}
  .acc-table th,.acc-table td{padding:12px 14px;border-bottom:1px solid rgba(15,23,42,.06);text-align:left;font-size:14px}
  .acc-table thead th{background:#f1f5ff;font-weight:800;color:#0b1b3a;position:sticky;top:0;z-index:1}
  .acc-table tbody tr:hover{background:#f8fafc}
  .price{font-weight:900;color:#0b62ff}
  .badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}
  .b-full{background:rgba(91,140,255,.12);color:#0b1b3a}
  .b-kbh{background:rgba(234,179,8,.15);color:#854d0e}
  .b-het{background:rgba(239,68,68,.14);color:#9f1239}
  .b-inbox{background:rgba(56,189,248,.16);color:#0c4a6e}
  .acc-cta{display:flex;justify-content:center;margin-top:16px}
  .btn-grad{
    padding:12px 18px;border-radius:12px;font-weight:800;text-decoration:none;cursor:pointer;border:0;
    background:linear-gradient(90deg,#5b8cff,#7cf4e3);color:#0b1b3a;box-shadow:0 4px 12px rgba(91,140,255,.25)
  }
  .btn-grad:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(91,140,255,.35)}
  @media (max-width:560px){ .acc-search{flex:1 1 100%} }
  
  /* Responsive */
  @media(max-width:980px){
    .dvp-nav{display:none;} .dvp-cta{display:none;} .dvp-burger{display:block;}
    .dvp-header__inner{ padding:10px 16px; }
    .dvp-grid{ grid-template-columns:1fr; }
    .dvp-title{ font-size:34px; }
    .dvp-stats{ grid-template-columns:1fr 1fr; }
    .dvp-web-card{ padding:20px 16px; }
  }

  @media (max-width: 540px){
    .dvp-title{ font-size:28px; }
    .dvp-stats{ grid-template-columns:1fr; }
    .dvp-unlock-btn{ width:100%; text-align:center; }
    .dvp-unlock-btn--light{ order:-1; }
    .dvp-btn{ width:100%; text-align:center; }
    .dvp-btn--light{ order:-1; }
    .dvp-web-card{ padding:20px 16px; }
  }