body {
            background: #050505;
            color: #f5f5f5;
            font-family: 'Inter', sans-serif;
            overflow: hidden;
            -webkit-font-smoothing: antialiased;
        }

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

        .text-gradient {
            background: linear-gradient(120deg, #5eead4, #5A42ED);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        #boot-screen {
            transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
        }

        .boot-hidden {
            opacity: 0 !important;
            visibility: hidden !important;
            pointer-events: none !important;
        }

        .terminal-text {
            font-family: 'Courier New', Courier, monospace;
            color: #80ffb5;
            font-size: 14px;
            line-height: 1.5;
            text-shadow: 0 0 5px rgba(128, 255, 181, 0.4);
        }

        #cursor-glow {
            position: fixed;
            width: 300px;
            height: 300px;
            border-radius: 50%;
            pointer-events: none;
            background: radial-gradient(circle, rgba(90, 66, 237, 0.15), transparent 70%);
            mix-blend-mode: screen;
            transform: translate(-50%, -50%);
            z-index: 5;
            transition: width 0.2s, height 0.2s;
            will-change: transform;
        }

        #bg-canvas {
            position: fixed;
            inset: 0;
            z-index: -1;
        }

        .music-toggle {
            opacity: 0;
            pointer-events: none;
            transform: scale(0.8) translateY(-20px);
            transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        .music-toggle.visible {
            opacity: 1;
            pointer-events: auto;
            transform: scale(1) translateY(0);
        }

        .click-pop:active {
            transform: scale(0.9);
        }

        .scroll-reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1), transform 0.8s cubic-bezier(0.5, 0, 0, 1);
            will-change: opacity, transform;
        }

        .scroll-reveal.is-visible {
            opacity: 1;
            transform: none;
        }