.hidden{

    opacity:0;

    transform:translateY(60px);

    transition:1s;

}

.show{

    opacity:1;

    transform:none;

}

.header-scroll{

    background:rgba(8,17,29,.92);

    box-shadow:0 15px 45px rgba(0,0,0,.35);

}

.scroll-top{

    position:fixed;

    right:30px;

    bottom:30px;

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    cursor:pointer;

    background:#00C2FF;

    color:#08111d;

    font-size:22px;

    opacity:0;

    transform:translateY(30px);

    transition:.3s;

    z-index:9999;

}

.scroll-top.visible{

    opacity:1;

    transform:none;

}

.lightbox{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.90);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.3s;

    z-index:99999;

}

.lightbox.open{

    opacity:1;

    visibility:visible;

}

.lightbox img{

    max-width:90%;

    max-height:90%;

    border-radius:20px;

}