/* ===== AuditiePlacuta — Neon Modal Skin ===== */
  
  /* Scope styles to ONLY YouTube modal */
  #youtubeModal .modal-content{
    background: radial-gradient(120% 120% at 20% 10%, rgba(16,28,34,.9) 0%, rgba(6,14,18,.96) 55%, rgba(4,10,13,.98) 100%);
    border: 1px solid rgba(22,241,211,.35);
    box-shadow:
      0 0 0 1px rgba(22,241,211,.12) inset,
      0 0 32px rgba(22,241,211,.22),
      0 20px 60px rgba(0,0,0,.75);
    color: #e6f1fb;
    border-radius: 16px;
  }
  
  #youtubeModal .modal-header{
    border-bottom: 1px solid rgba(22,241,211,.18);
    background: linear-gradient(180deg, rgba(22,241,211,.06), rgba(22,241,211,0));
  }
  #youtubeModal .modal-title{
    font-weight: 800;
    letter-spacing: .3px;
    color: #e6f1fb;
    text-shadow: 0 0 12px rgba(22,241,211,.25);
  }
  #youtubeModal .modal-header .btn-close{
    filter: invert(86%) sepia(6%) saturate(469%) hue-rotate(168deg) brightness(105%) contrast(92%);
    opacity: .8;
  }
  #youtubeModal .modal-header .btn-close:hover{ opacity: 1; }
  
  #youtubeModal .modal-body{
    padding: 18px 20px;
  }
  #youtubeModal .modal-footer{
    border-top: 1px solid rgba(22,241,211,.14);
    background: linear-gradient(0deg, rgba(22,241,211,.06), rgba(22,241,211,0));
  }
  
  /* iframe/player card */
  #youtubeModal .ap-player-frame{
    border-radius: 12px;
    overflow: hidden;
    background: #0b1418;
    border: 1px solid rgba(22,241,211,.22);
    box-shadow: 0 0 0 1px rgba(22,241,211,.08) inset;
  }
  
  /* Neon primary button - NO Bootstrap .btn class! */
  .ap-btn-neon{
    display: block;
    width: 100%;
    padding: 12px 24px;
    color: #062126;
    background: #16f1d3;
    border: 1px solid rgba(22,241,211,.65);
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(22,241,211,.35);
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .ap-btn-neon:hover{
    filter: brightness(1.06);
    box-shadow: 0 0 28px rgba(22,241,211,.5);
    background: #16f1d3;
    color: #062126;
    text-decoration: none;
  }
  
  /* Ghost/secondary button */
  .ap-btn-neon-ghost{
    display: block;
    width: 100%;
    padding: 12px 24px;
    color: #e6f1fb;
    background: rgba(22,241,211,.08);
    border: 1px solid rgba(22,241,211,.35);
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .ap-btn-neon-ghost:hover{
    background: rgba(22,241,211,.12);
    color: #e6f1fb;
  }
  
  /* Small helpers if your iframe lacks wrapper */
  #youtubeModal .modal-body iframe{
    border-radius: 12px;
    border: 1px solid rgba(22,241,211,.18);
  }