/* Custom Font & Base */
body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    background: #000; 
    overflow-x: hidden; 
}

/* Background Effects */
.bg-glow { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: radial-gradient(circle at 50% 50%, #1e1b4b 0%, #000 70%); 
    z-index: -1; 
}

.cursor-glow { 
    width: 600px; 
    height: 600px; 
    background: radial-gradient(circle, rgba(56, 189, 248, 0.1) 0%, transparent 70%); 
    position: fixed; 
    pointer-events: none; 
    z-index: 0; 
    transform: translate(-50%, -50%); 
}

/* Glassmorphism Cards */
.glass-card { 
    background: rgba(255, 255, 255, 0.02); 
    backdrop-filter: blur(20px); 
    border: 1px solid rgba(255, 255, 255, 0.05); 
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); 
}

.glass-card:hover { 
    border-color: #38bdf8; 
    transform: translateY(-10px); 
    background: rgba(255, 255, 255, 0.04); 
}

/* Typography */
.text-gradient { 
    background: linear-gradient(to right, #fff, #38bdf8, #818cf8); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}

/* Swiper.js Customization */
.swiper-slide { 
    height: auto; 
    opacity: 0.4; 
    transition: opacity 0.5s; 
}

.swiper-slide-active, 
.swiper-slide-next, 
.swiper-slide-next + .swiper-slide { 
    opacity: 1; 
}

.nav-btn { 
    width: 50px; 
    height: 50px; 
    border-radius: 50%; 
    border: 1px solid rgba(255,255,255,0.1); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    transition: all 0.3s; 
    cursor: pointer; 
}

.nav-btn:hover { 
    background: #38bdf8; 
    color: black; 
    border-color: #38bdf8; 
}