body {
            background-color: #121315;
            color: #e3e2e4;
            font-family: 'Geist', sans-serif;
            font-size: 16px;
            overflow-x: hidden;
            min-height: max(884px, 100dvh);
        }

        .glass-card {
            background: rgba(31, 32, 34, 0.4);
            backdrop-filter: blur(32px);
            -webkit-backdrop-filter: blur(32px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.05);
        }

        .neon-text-glow {
            text-shadow: 0 0 15px rgba(223, 253, 67, 0.3);
        }

        .neon-border-glow:hover {
            border-color: #d2f036;
            box-shadow: 0 0 20px rgba(210, 240, 54, 0.15);
        }

        .glow-btn {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glow-btn:hover {
            box-shadow: 0 0 25px rgba(210, 240, 54, 0.4);
            transform: translateY(-2px);
        }

        .mobile-menu-overlay {
            clip-path: circle(0% at 100% 0%);
            transition: clip-path 0.5s ease-in-out;
        }

        .mobile-menu-overlay.active {
            clip-path: circle(150% at 100% 0%);
        }

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