@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
        body { font-family: 'Inter', sans-serif; }
        code, .mono { font-family: 'JetBrains Mono', monospace; }
        .gradient-text {
            background: linear-gradient(135deg, #d97706 0%, #92400e 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(148, 163, 184, 0.2);
        }
        .hero-gradient {
            background: linear-gradient(135deg, #1c0a00 0%, #3b1505 25%, #78350f 50%, #b45309 100%);
        }
        .section-gradient {
            background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%);
        }
        .table-header {
            background: linear-gradient(135deg, #78350f 0%, #b45309 100%);
        }
        .comparison-excellent { background-color: #e2e8f0; color: #0f172a; }
        .comparison-good { background-color: #dbeafe; color: #1e40af; }
        .comparison-moderate { background-color: #fef3c7; color: #92400e; }
        .comparison-poor { background-color: #fee2e2; color: #991b1b; }

@keyframes spp-pulse { 0%,100%{opacity:0.35} 50%{opacity:1} }
                                @keyframes beam-flow { 0%{opacity:0.3} 50%{opacity:0.9} 100%{opacity:0.3} }
                                @keyframes mem-blink { 0%,100%{opacity:0.4} 50%{opacity:0.8} }
                                @keyframes pad-glow  { 0%,100%{opacity:0.5} 50%{opacity:1} }
                                .spp { animation: spp-pulse 2s ease-in-out infinite; }
                                .spp2 { animation: spp-pulse 2s ease-in-out infinite; animation-delay:0.5s; }
                                .spp3 { animation: spp-pulse 2s ease-in-out infinite; animation-delay:1s; }
                                .beamf { animation: beam-flow 2.5s ease-in-out infinite; }
                                .beamf2 { animation: beam-flow 2.5s ease-in-out infinite; animation-delay:0.8s; }
                                .memb { animation: mem-blink 3s ease-in-out infinite; }
                                .memb2 { animation: mem-blink 3s ease-in-out infinite; animation-delay:1s; }
                                .padg { animation: pad-glow 1.8s ease-in-out infinite; }