.glass-panel {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .hero-gradient {
            background: linear-gradient(to bottom, rgba(0,26,64,0.4) 0%, rgba(0,13,38,0.7) 100%);
        }

        .content-visible {
            content-visibility: auto;
            contain-intrinsic-size: 1000px;
        }

        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f5efe6; }
        ::-webkit-scrollbar-thumb { background: #004aad; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #003d8f; }

        .modal-scroll::-webkit-scrollbar { width: 6px; }
        .modal-scroll::-webkit-scrollbar-track { background: transparent; }
        .modal-scroll::-webkit-scrollbar-thumb { background: #bce0ff; border-radius: 4px; }
        .modal-scroll::-webkit-scrollbar-thumb:hover { background: #5ab6ff; }

        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
section, footer {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            will-change: opacity, transform;
        }
section.is-visible, footer.is-visible {
            opacity: 1;
            transform: translateY(0);
        }