.route-content 400;600;700&display=swap"[bad string]


        body{background:
                radial-gradient(circle at 18% 8%, rgba(29, 78, 216, 0.16), transparent 32rem),
                radial-gradient(circle at 82% 16%, rgba(30, 64, 175, 0.10), transparent 28rem),
                linear-gradient(180deg, #030712 0%, #050816 42%, #070b16 100%);color: #f1f5f9;font-weight: 300;overflow-x: hidden;}
.route-content .acrylic-frame{background-color: rgba(30, 41, 59, 0.5);border: 1px solid rgba(255, 255, 255, 0.15);transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;transform: translate3d(0, 0, 0);}
.route-content nav{position: fixed;top: 1.5rem;left: 50%;transform: translateX(-50%) translateY(0) scaleX(1);transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.4s ease,
                top 0.6s ease;z-index: 50;width: 95%;max-width: 80rem;transform-origin: top center;}
.route-content nav.nav-hidden{transform: translateX(-50%) translateY(-200%) scaleX(0.8) scaleY(0.8);opacity: 0;pointer-events: none;}
.route-content #mobile-dropdown{max-height: 0;opacity: 0;pointer-events: none;transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;transform: translateY(-10px);}
.route-content #mobile-dropdown.open{max-height: 75vh;opacity: 1;pointer-events: all;transform: translateY(0);overflow-y: auto;overscroll-behavior: contain;}
.route-content .text-gradient{background: linear-gradient(135deg, #ffffff 48%, #7dd3fc 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.route-content .nav-item{position: relative;font-weight: 400;letter-spacing: 0.05em;transition: color 0.3s ease;white-space: nowrap;}
.route-content .nav-item::after{content: "";position: absolute;width: 0;height: 1px;bottom: -2px;left: 0;background-color: #fff;transition: width 0.3s ease;}
.route-content .nav-item:hover{color: #fff;}
.route-content .nav-item:hover::after{width: 100%;}
.route-content .contact-input{width: 100%;background: rgba(15, 23, 42, 0.6);border: 1px solid rgba(255, 255, 255, 0.1);color: white;padding: 0.8rem;border-radius: 0.5rem;outline: none;transition: all 0.3s;}
.route-content .contact-input:focus{border-color: #60a5fa;background: rgba(15, 23, 42, 0.8);}
.route-content select.contact-input{appearance: none;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position: right 0.5rem center;background-repeat: no-repeat;background-size: 1.5em 1.5em;}
.route-content select.contact-input option{background-color: #0f172a;color: white;padding: 10px;}
.route-content select{color-scheme: dark;}
.route-content select option{background-color: #0f172a;color: #e2e8f0;padding: 8px 12px;}
.route-content .reveal{opacity: 0;transform: translateY(30px);transition: opacity 0.8s ease, transform 0.8s ease;}
.route-content .reveal.visible{opacity: 1;transform: translateY(0);}
@keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
.route-content .animate-on-load{opacity: 0;}
.route-content .delay-100{animation-delay: 100ms;}
.route-content .delay-200{animation-delay: 200ms;}
.route-content .delay-300{animation-delay: 300ms;}
@keyframes pulse-block {

            0%,
            100% {
                opacity: 0.3;
                background-color: #3b82f6;
            }

            50% {
                opacity: 1;
                background-color: #60a5fa;
                box-shadow: 0 0 10px #60a5fa;
            }
        }
@keyframes flow-y {
            0% {
                transform: translateY(-100%);
            }

            100% {
                transform: translateY(100%);
            }
        }
.route-content .portal-glass-card{position: relative;overflow: hidden;background: rgba(15, 23, 42, 0.4);border: 1px solid rgba(255, 255, 255, 0.05);}
.route-content .portal-glass-card::before{content: "";position: absolute;inset: 0;background:
                radial-gradient(circle at top left, rgba(59, 130, 246, 0.055), transparent 34%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 22%);pointer-events: none;}
.route-content .portal-glass-card > *{position: relative;z-index: 1;}
.route-content .market-stat-card{position: relative;overflow: hidden;background: rgba(30, 41, 59, 0.42);border: 1px solid rgba(255, 255, 255, 0.13);transform: translate3d(0, 0, 0);}
.route-content .market-stat-card::after{content: "";position: absolute;inset: 0;background:
                radial-gradient(circle at top left, rgba(59, 130, 246, 0.07), transparent 58%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 34%);pointer-events: none;}
.route-content .market-stat-card > *{position: relative;z-index: 1;}
.route-content .dashboard-showcase-shell{position: relative;overflow: hidden;background: linear-gradient(to bottom right, rgba(8, 13, 26, 0.62), rgba(10, 16, 30, 0.52));border: 1px solid rgba(59, 130, 246, 0.22);}
.route-content .dashboard-showcase-shell::before{content: "";position: absolute;inset: 0;background:
                radial-gradient(circle at top left, rgba(59, 130, 246, 0.08), transparent 32%),
                radial-gradient(circle at top right, rgba(30, 64, 175, 0.06), transparent 28%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 18%);pointer-events: none;}
.route-content .dashboard-preview-nav{background: rgba(15, 23, 42, 0.4);border-right: 1px solid rgba(255, 255, 255, 0.05);}
.route-content .dashboard-preview-panel{background-color: rgba(15, 23, 42, 0.4);border: 1px solid rgba(255, 255, 255, 0.05);}
.route-content .dashboard-preview-chart span{display: block;width: 100%;border-radius: 999px 999px 0 0;background: linear-gradient(180deg, rgba(125, 211, 252, 0.72), rgba(37, 99, 235, 0.32));}
.route-content .dashboard-preview-list > div{border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
.route-content .dashboard-preview-list > div:last-child{border-bottom: 0;}
.route-content .showcase-tab-trigger{position: relative;background: rgba(15, 23, 42, 0.4);border: 1px solid rgba(255, 255, 255, 0.05);color: rgba(226, 232, 240, 0.74);transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;}
.route-content .showcase-tab-trigger:hover{transform: translateY(-2px);border-color: rgba(96, 165, 250, 0.22);color: #f8fbff;}
.route-content .showcase-tab-trigger.active{background: linear-gradient(to bottom right, rgba(23, 37, 84, 0.3), rgba(15, 23, 42, 0.4));border-color: rgba(59, 130, 246, 0.25);color: #ffffff;}
.route-content .showcase-sidebar-tab{width: 100%;text-align: left;border-radius: 0.9rem;padding: 0.9rem 1rem;border: 1px solid transparent;color: #cbd5e1;background: rgba(15, 23, 42, 0.4);transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;}
.route-content .showcase-sidebar-tab:hover{color: #fff;transform: translateX(2px);border-color: rgba(255, 255, 255, 0.08);}
.route-content .showcase-sidebar-tab.active{background: linear-gradient(to bottom right, rgba(23, 37, 84, 0.3), rgba(15, 23, 42, 0.4));border-color: rgba(59, 130, 246, 0.25);color: #fff;}
.route-content .showcase-panel{display: none;will-change: opacity, transform;}
.route-content .showcase-panel.active{display: block;}
@keyframes showcasePanelIn {
            from {
                opacity: 0;
                transform: translateY(24px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
.route-content .showcase-metric-value{font-variant-numeric: tabular-nums;}
.route-content .showcase-chart-bar{height: var(--bar-height, 50%);transform-origin: bottom;}
@keyframes showcaseGrow {
            from {
                transform: scaleY(0.18);
                opacity: 0.35;
            }

            to {
                transform: scaleY(1);
                opacity: 1;
            }
        }
.route-content .showcase-glow{position: absolute;inset: auto 8% 4% auto;width: 220px;height: 220px;border-radius: 999px;background: rgba(37, 99, 235, 0.08);filter: blur(80px);pointer-events: none;}