.MemoryBody{
    background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
    font-family:'Poppins',sans-serif;
    color:#fff;
}

/*.MemoryBody{
    width:100%;
    min-height:100vh;
    background: linear-gradient(135deg,#0f2027,#203a43,#2c5364);
    font-family:'Poppins',sans-serif;
    color:#fff;
    padding:50px 0;
}*/

/* ===== Main Heading ===== */
.main-title{
    font-family:'Cinzel',serif;
    font-size:50px;
    text-align:center;
    margin:5px 0 10px;
    background:linear-gradient(90deg,gold,#fff,gold);
    background-size:200% auto;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:shine 5s linear infinite;
}
@keyframes shine{to{background-position:200% center;}}

.sub-title{
    text-align:center;
    color:#ccc;
    margin-bottom:60px;
}

/* ===== Year Heading ===== */
.year-box{
    text-align:center;
    margin:60px 0 40px;
    position:relative;
}

.year-badge{
    display:inline-block;
    font-size:34px;
    font-weight:700;
    padding:12px 40px;
    border-radius:50px;
    background:linear-gradient(45deg,gold,#ffcc00);
    color:#000;
    box-shadow:0 10px 25px rgba(255,215,0,0.5);
    animation:float 3s ease-in-out infinite;
}

@keyframes float{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-8px);}
}

.year-sub{
    margin-top:15px;
    font-size:18px;
    color:#ddd;
}

/* ===== Cards ===== */
.photo-card{
    background:rgba(255,255,255,0.07);
    backdrop-filter:blur(10px);
    border-radius:20px;
    padding:10px;
    overflow:hidden;
    cursor:pointer;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,0.4);
}
.photo-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(255,215,0,0.4);
}
.photo-card img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:15px;
}
.photo-caption{
    text-align:center;
    padding:12px;
    font-weight:600;
}

/* ===== Modal ===== */
.modal-content{
    background:transparent;
    border:none;
    text-align:center;
}
.modal-img{
    width:100%;
    max-height:80vh;
    object-fit:contain;
    border-radius:15px;
}
.modal-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:45px;
    color:gold;
    cursor:pointer;
    padding:15px;
}
.prev-btn{left:10px;}
.next-btn{right:10px;}
.modal-nav:hover{color:#fff;}

@media(max-width:768px){
    .main-title{font-size:30px;}
    .year-badge{font-size:22px;}
}

    .modal-img{
    max-width:100%;
    max-height:85vh;
    border-radius:12px;
    box-shadow:0 15px 50px rgba(0,0,0,0.7);
    animation:zoomEffect .3s ease;
}

@keyframes zoomEffect{
    from{
        transform:scale(0.9);
        opacity:0;
    }
    to{
        transform:scale(1);
        opacity:1;
    }
}


    #galleryModal span{
    background:rgba(0,0,0,0.5);
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    transition:0.3s;
}

#galleryModal span:hover{
    background:#ffc107;
    color:black;
}

    #galleryModal .modal-content{
    background:white;
    border-radius:12px;
    box-shadow:0 10px 40px rgba(0,0,0,0.2);
    border:none;
}

    .photo-card img.vertical{
    object-position: top;
}



    .yearboxTeam {
    text-align:center;
    margin:60px 0 40px;
    position:relative;
}

.yearbadgeTeam{
    display:inline-block;
    font-size:25px;
    font-weight:700;
    padding:4px 40px;
    border-radius:50px;
    background:linear-gradient(45deg,gold,#ffcc00);
    color:#000;
    box-shadow:0 10px 25px rgba(255,215,0,0.5);
    animation:float 3s ease-in-out infinite;
}