/* Glassmorphism + blue & orange-gold accent theme for homepage */

.glass {
    background: rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.18);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border-radius: 18px;
    border: 1.5px solid rgba(255, 255, 255, 0.28);
}

.glass-blue {
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.18) 0%, rgba(0, 212, 255, 0.12) 100%);
    border: 1.5px solid rgba(0, 102, 255, 0.18);
}

.glass-orange {
    background: linear-gradient(135deg, rgba(255, 183, 0, 0.18) 0%, rgba(255, 140, 0, 0.12) 100%);
    border: 1.5px solid rgba(255, 183, 0, 0.18);
}

.glass-blur {
    backdrop-filter: blur(18px) saturate(180%);
    -webkit-backdrop-filter: blur(18px) saturate(180%);
}

/* Accent colors */
.text-blue-glass {
    color: #0066ff;
}

.text-orange-gold {
    color: #ffb700;
}

.bg-blue-glass {
    background: #0066ff;
}

.bg-orange-gold {
    background: #ffb700;
}

/* For nav and section overlays */
.nav-glass {
    background: rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(10px) saturate(180%);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    border-bottom: 1.5px solid rgba(0, 102, 255, 0.12);
}

/* For card hover */
.glass:hover {
    box-shadow: 0 12px 40px 0 rgba(0, 102, 255, 0.18), 0 1.5px 8px 0 rgba(255, 183, 0, 0.12);
    border: 1.5px solid #ffb700;
}