html {
    scroll-behavior: smooth;
}

body {
    min-height: max(884px, 100dvh);
    background-color: #000000;
    color: #e2e2e2;
    overflow-x: hidden;
    }

.glass {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.neon-glow {
    box-shadow: 0 0 30px rgba(168, 85, 247, 0.3);
}

.neon-border-hover:hover {
    border-color: rgba(168, 85, 247, 0.6);
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.2);
}

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