<style>
body.boa_inside-body {
    background:#020617;
    color:#fff;
    font-family:'Segoe UI',Arial;
    margin:0;
}
.boa_inside-container {
    max-width:1300px;
    margin:40px auto;
    padding:0 15px;
}

.boa_inside-h1 {
    text-align: center;
    margin-bottom: 5px;
    color: #ffffff;       /* Bright white */
    font-weight: 700;     /* Bold */
    font-size: 2.5rem;    /* Thoda bada size */
}


.boa_inside-p {
    text-align: center;
    color: #ffffff;       /* Bright white */
    font-weight: 600;     /* Semi-bold */
    font-size: 1.2rem;    /* Thoda bada size */
    margin-top: 0;        /* Optional: thoda gap kam karne ke liye */
}

/* FILTERS */
.boa_inside-filters {
    display:flex;
    justify-content:center;
    gap:12px;
    margin:30px 0;
    flex-wrap:wrap;
}
.boa_inside-filters button {
    padding:10px 22px;
    border:none;
    border-radius:30px;
    background:#020617;
    color:#fff;
    cursor:pointer;
    font-weight:600;
    border:1px solid #1e293b;
    transition:.3s;
}
.boa_inside-filters button:hover {
    background:#38bdf8;
    color:#020617;
}
.boa_inside-filters .active {
    background:red;
    box-shadow:0 0 15px rgba(255,0,0,.6);
}

/* GALLERY */
.boa_inside-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}
.boa_inside-grid img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:16px;
    cursor:pointer;
    transition:.4s;
}
.boa_inside-grid img:hover {
    transform:translateY(-8px) scale(1.04);
    box-shadow:0 15px 35px rgba(0,0,0,.6);
}

/* POPUP */
.boa_inside-popup {
    position:fixed;
    inset:0;
    background:rgba(2,6,23,.95);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:999;
}
.boa_inside-popup img {
    max-width:90%;
    max-height:85%;
    border-radius:12px;
}
.boa_inside-close {
    position:absolute;
    top:20px;
    right:30px;
    font-size:34px;
    cursor:pointer;
}
.boa_inside-nav {
    position:absolute;
    top:50%;
    font-size:42px;
    cursor:pointer;
    user-select:none;
}
.boa_inside-prev {
    left:25px;
}
.boa_inside-next {
    right:25px;
}

/* RESPONSIVE */
@media(max-width:1100px) {
    .boa_inside-grid {
        grid-template-columns:repeat(3,1fr);
    }
}
@media(max-width:768px) {
    .boa_inside-grid {
        grid-template-columns:repeat(2,1fr);
    }
    .boa_inside-filters {
        overflow-x:auto;
    }
}
@media(max-width:480px) {
    .boa_inside-grid {
        grid-template-columns:1fr;
    }
}

/* IMDB CARD */
.boa_inside-imdb-card {
    position:relative;
    display:inline-block;
    border-radius:14px;
    overflow:hidden;
    max-width:260px;
}
.boa_inside-imdb-card img {
    width:100%;
    display:block;
}
.boa_inside-imdb-overlay {
    position:absolute;
    inset:0;
    background:rgb(255 255 255 / 70%);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    opacity:0;
    transition:.3s;
}
.boa_inside-imdb-card:hover .boa_inside-imdb-overlay {
    opacity:1;
}

/* default hide */
.boa_inside-tab-content {
    display:none;
}

/* gallery special case */
#boa_inside-gallery.active {
    display:grid;
}

/* other tabs */
.boa_inside-tab-content.active:not(#boa_inside-gallery) {
    display:block;
    animation:boa_inside-fade .3s ease;
}

@keyframes boa_inside-fade {
    from {opacity:0;}
    to {opacity:1;}
}
</style>