@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
        
        :root {
            --blaze-red: #FF0033;
            --blaze-blue: #0044FF;
            --light-bg: #F8FAFC;
            --panel-bg: rgba(255, 255, 255, 0.85);
        }

        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background-color: var(--light-bg);
            color: #1E293B;
            overflow-x: hidden;
        }

        .font-display {
            font-family: 'Space Grotesk', sans-serif;
        }

        .glass-panel {
            background: var(--panel-bg);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(0, 68, 255, 0.08);
            box-shadow: 0 4px 30px rgba(0, 68, 255, 0.03);
        }

        .glass-panel:hover {
            border-color: rgba(255, 0, 51, 0.15);
            box-shadow: 0 10px 40px rgba(255, 0, 51, 0.05);
        }

        .text-gradient-rb {
            background: linear-gradient(135deg, #FF0033 0%, #0044FF 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .bg-gradient-rb {
            background: linear-gradient(135deg, #FF0033 0%, #0044FF 100%);
        }

        .glow-blue {
            box-shadow: 0 20px 40px rgba(0, 68, 255, 0.12);
        }

        /* Clean modern scroller */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #F8FAFC; }
        ::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #0044FF; }