:root{
      /* Màu mới: nền tối sang + điểm nhấn neon */
      --bg: #0b1020;
      --bg2: #0f1730;
      --card: rgba(255,255,255,0.06);
      --card2: rgba(255,255,255,0.09);
      --stroke: rgba(255,255,255,0.10);
      --text: #eaf2ff;
      --muted: rgba(234,242,255,0.72);
      --accent: #ff3d8d;
      --accent2: #00f5d4;
      --glow: 0 14px 40px rgba(255,61,141,0.18);
    }

    *{
      margin:0;
      padding:0;
      box-sizing:border-box;
      font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    }

     body{
  min-height: 100vh;
  color: var(--text);
  line-height: 1.7;

  background:
    /* Neon cam – ánh màn hình chiếu */
    radial-gradient(
      900px 420px at 50% 12%,
      rgba(255,130,70,0.35),
      transparent 58%
    ),

    /* Neon xanh Netflix */
    radial-gradient(
      1100px 520px at 18% 82%,
      rgba(40,150,255,0.38),
      transparent 65%
    ),

    /* Neon tím cinematic */
    radial-gradient(
      900px 520px at 85% 35%,
      rgba(180,90,255,0.26),
      transparent 62%
    ),

    /* Ánh sáng nền mờ sâu */
    radial-gradient(
      1200px 700px at 50% 55%,
      rgba(0,0,0,0.45),
      transparent 70%
    ),

    /* Lớp nền điện ảnh tối */
    linear-gradient(
      180deg,
      #040710,
      #0a0f20
    );

  overflow-x: hidden;
}

    /* Header: giữ logo + banner bố cục như bạn yêu cầu */
    header{
      padding: 42px 20px 34px;
      text-align:center;
      border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    .logo{
      font-size: 2.6rem;
      font-weight: 800;
      letter-spacing: 0.6px;
      color: var(--text);
      text-shadow: 0 10px 30px rgba(0,0,0,0.35);
      margin-bottom: 8px;
    }
    header p{
      max-width: 780px;
      margin: 0 auto;
      color: var(--muted);
      font-size: 1.05rem;
    }

    main{
      max-width: 980px;
      margin: 34px auto 60px;
      padding: 0 18px;
    }

    /* Featured: giữ layout ảnh trái - nội dung phải (flex) */
    .featured{
      background: linear-gradient(135deg, rgba(255,255,255,0.07), rgba(255,255,255,0.04));
      border: 1px solid rgba(255,255,255,0.10);
      border-radius: 16px;
      padding: 22px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 18px;
      box-shadow: var(--glow);
    }
    .featured img{
      width: 100%;
      max-width: 420px;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,0.10);
      box-shadow: 0 14px 35px rgba(0,0,0,0.35);
    }
    .featured-content{
      flex:1;
      min-width: 260px;
    }
    .featured-content h1{
      font-size: 1.9rem;
      line-height: 1.25;
      margin-bottom: 10px;
    }
    .featured-content p{
      color: var(--muted);
      margin-bottom: 14px;
      font-size: 1rem;
    }

    .chips{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin: 10px 0 14px;
    }
    .chip{
      padding: 7px 12px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.06);
      color: var(--text);
      font-weight: 700;
      font-size: 0.92rem;
    }
    .chip.accent{
      border-color: rgba(255,61,141,0.35);
      background: rgba(255,61,141,0.12);
    }
    .chip.alt{
      border-color: rgba(0,245,212,0.30);
      background: rgba(0,245,212,0.10);
    }

    .btn-primary{
      background: linear-gradient(90deg, var(--accent), #ff6aa8);
      color: #0b1020;
      border:none;
      padding: 12px 22px;
      border-radius: 999px;
      font-weight: 900;
      cursor: pointer;
      transition: transform .2s ease, filter .2s ease;
      box-shadow: 0 14px 30px rgba(255,61,141,0.25);
      text-transform: uppercase;
      letter-spacing: .6px;
      font-size: 14px;
    }
    .btn-primary:hover{ transform: translateY(-2px); filter: brightness(1.05); }

    /* Nội dung đơn giản: không nhiều mục, không chia nhiều cột */
    .simple-section{
      margin-top: 26px;
      padding: 18px 18px;
      border-radius: 16px;
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.10);
      box-shadow: 0 12px 28px rgba(0,0,0,0.20);
    }
    .simple-section h2{
      font-size: 1.35rem;
      margin-bottom: 10px;
      color: var(--text);
    }
    .simple-section p{
      color: var(--muted);
    }

    /* Cards review đơn giản (một hàng responsive) */
    .reviews{
      display:grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 14px;
      margin-top: 14px;
    }
    .review-card{
      padding: 14px 14px;
      border-radius: 14px;
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.10);
      transition: transform .2s ease, background .2s ease;
    }
    .review-card:hover{
      transform: translateY(-4px);
      background: rgba(255,255,255,0.08);
    }
    .review-card h3{
      font-size: 1.05rem;
      margin-bottom: 8px;
      font-weight: 900;
      color: var(--text);
    }
    .review-card p{
      font-size: .95rem;
      color: var(--muted);
      margin-bottom: 10px;
    }
    .rating{
      font-weight: 900;
      color: var(--accent2);
      letter-spacing: .3px;
    }

    footer{
      text-align:center;
      padding: 22px 14px;
      color: rgba(234,242,255,0.65);
      border-top: 1px solid rgba(255,255,255,0.08);
    }

    @media (max-width: 768px){
      .logo{ font-size: 2.2rem; }
      .featured-content h1{ font-size: 1.6rem; }
    }
h2 {
  background: linear-gradient(90deg, #00f260, #0575e6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}