body, html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: "Inter", sans-serif;
}

/* ---------------------- SWIPER ---------------------- */
.swiper {
    width: 100%;
    height: 90vh;
    position: relative;
    background: #000;
}

.swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Background zoom animation */
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.15);
    transition: transform 3.5s ease;
}
.swiper-slide-active img {
    transform: scale(1);
}

/* Overlay gradient */
.slide-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    /*background: linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.85));*/
}

/* ---------------------- GLASS CARD ---------------------- */
.glass-card {
    position: absolute;
    left: 7%;
    bottom: 12%;
    width: 480px;
    padding: 35px;
    border-radius: 20px;
    z-index: 3;

    /* Glass effect */
    background: rgba(255,255,255,0.10);
    backdrop-filter: blur(18px);

    /* Animated gradient border */
    border: 4px solid transparent;
    background-clip: padding-box;
}

.glass-card::before {
    content: "";
    position: absolute;
    inset: -3px;
    z-index: -1;
    border-radius: 22px;

    /* Gradient Animation */
    background: linear-gradient(45deg,
        #ff0077,
        #00e1ff,
        #ff9900,
        #9d00ff,
        #ff0077
    );
    background-size: 500% 500%;
    animation: borderAnimation 6s linear infinite;
}

@keyframes borderAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Fade-up animation */
.fade-up {
    opacity: 0;
    transform: translateY(25px);
    transition: all 1s ease;
}
.swiper-slide-active .fade-up {
    opacity: 1;
    transform: translateY(0);
}
.fade-delay-1 { transition-delay: 0.25s; }
.fade-delay-2 { transition-delay: 0.45s; }

/* Text inside card */
.glass-card h2 {
    font-size: 2.4rem;
    color: #fff;
    font-weight: 800;
    margin: 0 0 10px 0;
}
.glass-card p {
    color: #e5e5e5;
    font-size: 1.1rem;
    line-height: 1.5;
}

/* Button */
.glass-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 28px;
    border-radius: 8px;
    background: linear-gradient(45deg, #ff7b00, #ff4d00);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}
.glass-btn:hover {
    filter: brightness(1.2);
}

/* Bullet active */
.swiper-pagination-bullet-active {
    background: #ff7b00 !important;
}

/* Responsive */
@media(max-width:768px){
    .swiper { height: 70vh; }
    .glass-card {
        width: 90%;
        left: 5%;
        bottom: 10%;
        padding: 22px;
    }
    .glass-card h2 { font-size: 1.7rem; }
    .glass-card p { font-size: 1rem; }
}