body {
    min-height: max(884px, 100dvh);
}

.glass-panel {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.neon-glow-purple {
    box-shadow: 0 0 40px -10px rgba(92, 31, 222, 0.3);
}

.neon-glow-mint {
    box-shadow: 0 0 40px -10px rgba(5, 231, 119, 0.3);
}

.mesh-gradient {
    background: radial-gradient(at 0% 0%, #20005f 0px, transparent 50%),
        radial-gradient(at 100% 0%, #00210b 0px, transparent 50%),
        radial-gradient(at 100% 100%, #131313 0px, transparent 50%),
        radial-gradient(at 0% 100%, #370096 0px, transparent 50%);
}

body {
    min-height: max(884px, 100dvh);
    background: radial-gradient(circle at top left, #131313, #20005f 40%, #131313 100%);
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glass-panel {
    background: rgba(23, 28, 32, 0.6);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

.glass-card-border {
    border: 1px solid rgba(135, 206, 255, 0.1);
}

.neon-glow-primary {
    box-shadow: 0 0 20px rgba(5, 168, 236, 0.15);
}

.neon-glow-mint {
    box-shadow: 0 0 30px rgba(164, 203, 233, 0.25);
}

/* Animasi Putar Tombol FAQ */
.rotate-45 {
    transform: rotate(45deg);
}