/* Chỉ áp dụng trong vùng #qdnd-slide2 */
  @font-face {
    font-family: UTM-Bebas;
    src: url(fonts/UTM-Bebas.ttf);}

  #qdnd-slide2{
    --bg:#0b0f19; --card:#111827; --text:#e5e7eb;
    --muted:#a2abb9; --line:rgba(255,255,255,.12);
    --accent:#FBB03B; --accent2:#FBB03B;
    /* --shadow:0 10px 30px rgba(0,0,0,.35); */
    color:var(--text); font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    display:grid; place-items:center;
  }
  #qdnd-slide2 *{ box-sizing:border-box; }
 

  /* Khung tổng */
  #qdnd-slide2 .slider{ margin:0 auto; }

  /* Vùng hiển thị nội dung chữ */
  #qdnd-slide2 .viewport{
    position:relative; overflow:hidden;
    aspect-ratio:16/9; min-height:240px;
    border-radius:16px; box-shadow:var(--shadow);
    
    
  }

  /* Mỗi slide chữ */
  #qdnd-slide2 .slide{
    position:absolute; inset:0;
    display:grid; place-items:center;
    padding:28px;
    text-align:center;
    opacity:0; transform:translateY(8px);
    transition:opacity .5s ease, transform .5s ease;
  }
  #qdnd-slide2 .slide.active{ opacity:1; transform:none; }

  #qdnd-slide2 .title{
    margin:0 0 8px; font-weight:800;
    font-size:clamp(22px, 3.4vw, 32px); letter-spacing:.2px;
  }
  #qdnd-slide2 .desc{
    margin:0 auto; max-width:70ch; color:white;
    font-size:1.5em; line-height:1.6;
    font-family: UTM-Bebas;
    padding-top: 35px;

  }
  #qdnd-slide2 .desc a{
        color: #fff;

  }

  /* Điều khiển ở dưới (bên ngoài viewport) */
  #qdnd-slide2 .bottom{
    margin-top:12px; display:flex; align-items:center; justify-content:center; gap:14px;padding-bottom: 15px;
  }

  /* Nút prev/next hình tròn */
  #qdnd-slide2 .ctrl{
    width:44px; height:44px; border-radius:50%;
    display:grid; place-items:center;
    background:rgba(255,255,255,.06);
    border:1px solid var(--line);
    color:#fff; cursor:pointer; user-select:none;
    backdrop-filter:blur(6px);
    transition:transform .2s ease, background .2s ease;
  }
  #qdnd-slide2 .ctrl:hover{ transform:scale(1.05); background:rgba(255,255,255,.10); }
  #qdnd-slide2 .ctrl:active{ transform:scale(.97); }
  #qdnd-slide2 .ctrl svg{ width:22px; height:22px; fill:#fff; }

  /* Dots tròn (chuyển slide) */
  #qdnd-slide2 .dots{ display:flex; align-items:center; gap:10px; }
  #qdnd-slide2 .dot{
    width:10px; height:10px; border-radius:50%;
    background:rgba(255,255,255,.35); border:0; cursor:pointer;
    transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
  }
  #qdnd-slide2 .dot[aria-selected="true"]{
    background:linear-gradient(90deg, var(--accent), var(--accent2));
    box-shadow:0 0 0 4px rgba(59,130,246,.18);
    transform:scale(1.1);
  }

  /* Trợ năng */
  #qdnd-slide2 .ctrl:focus-visible, #qdnd-slide2 .dot:focus-visible{
    outline:2px solid var(--accent); outline-offset:2px;
  }

  @media (prefers-reduced-motion: reduce){
    #qdnd-slide2 .slide, #qdnd-slide2 .ctrl, #qdnd-slide2 .dot{ transition:none;    padding:0px; }
    #qdnd-slide2 .viewport{width: 100%;}
    #qdnd-slide2 .slider{width: 80%;}
    #qdnd-slide2{
        display: block;
    }

  }