@media (prefers-reduced-motion: reduce) {
            * {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
                scroll-behavior: auto !important;
            }
        }
        
        body {
            background: linear-gradient(135deg, #f0f7ff 0%, #fdf4f9 50%, #f8fafc 100%);
            background-attachment: fixed;
        }

        .glass-nav {
            background-color: rgba(255, 255, 255, 0.75);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        }

        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        .theme-filter-bar {
            transition:
                border-radius 220ms ease,
                background-color 220ms ease,
                box-shadow 220ms ease,
                padding 220ms ease;
        }

        .theme-filter-bar.is-fixed {
            position: fixed;
            top: var(--theme-filter-top, 6rem);
            right: 0;
            left: 0;
            z-index: 40;
            width: 100%;
            max-width: none;
            margin: 0;
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            border-right-width: 0;
            border-left-width: 0;
            border-radius: 0 !important;
            background: rgba(255, 255, 255, 0.92);
            box-shadow: 0 16px 38px -28px rgba(15, 23, 42, 0.55);
            backdrop-filter: blur(22px);
        }

        .theme-filter-bar.is-fixed .theme-filter-inner {
            width: 100%;
            max-width: 1440px;
            margin-right: auto;
            margin-left: auto;
        }

        .theme-features span + span::before {
            content: "·";
            margin-right: 0.5rem;
            color: #94a3b8;
        }

        @keyframes draw {
            to { stroke-dashoffset: 0; }
        }
        .svg-draw path {
            stroke-dasharray: 1000;
            stroke-dashoffset: 1000;
            animation: draw 2s ease forwards;
        }

        .float-anim {
            animation: float 6s ease-in-out infinite;
        }
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
            100% { transform: translateY(0px); }
        }

        .site-footer {
            background: linear-gradient(180deg, #edf4fc 0%, #e8f0fa 100%);
            color: #526781;
            border-top-color: rgba(148, 163, 184, .28) !important;
        }
        .site-footer .text-white { color: #0f172a !important; }
        .site-footer .text-slate-400,
        .site-footer .text-slate-500 { color: #64748b !important; }
        .site-footer .text-slate-700 { color: #94a3b8 !important; }
        .site-footer a:hover { color: #2563eb !important; }
        .site-footer [class*="border-slate-900"] { border-color: rgba(148, 163, 184, .3) !important; }
        .site-footer img { filter: brightness(0); }