:root {
            --bg: #060B18;
            --bg2: #09101F;
            --surface: rgba(19, 29, 50, .66);
            --surface2: #10182B;
            --line: rgba(255, 255, 255, .09);
            --line2: rgba(255, 255, 255, .16);
            --txt: #F7F9FC;
            --txt2: #A8B2C7;
            --txt3: #748097;
            --accent: #4D8DFF;
            --accent2: #49C6FF;
            --violet: #7957FF;
            --teal: #2FD3B0;
            --warn: #FFB454;
            --grid: rgba(255, 255, 255, .045);
            --shadow: 0 24px 60px rgba(0, 0, 0, .45);
            --tile: linear-gradient(150deg, rgba(77, 141, 255, .26), rgba(121, 87, 255, .10));
            --navbg: rgba(6, 11, 24, .72);
            --chip: rgba(255, 255, 255, .04);
        }

        @media (prefers-color-scheme:light) {
            :root:not([data-theme="dark"]) {
                --bg: #F3F6FC;
                --bg2: #E9EFF9;
                --surface: rgba(255, 255, 255, .76);
                --surface2: #FFFFFF;
                --line: rgba(12, 24, 48, .10);
                --line2: rgba(12, 24, 48, .18);
                --txt: #0A1226;
                --txt2: #4A5772;
                --txt3: #78859B;
                --accent: #2A63E0;
                --accent2: #0B87BF;
                --violet: #6742E8;
                --teal: #0E9E80;
                --warn: #B87309;
                --grid: rgba(12, 24, 48, .055);
                --shadow: 0 20px 50px rgba(16, 34, 70, .10);
                --tile: linear-gradient(150deg, rgba(42, 99, 224, .16), rgba(103, 66, 232, .08));
                --navbg: rgba(243, 246, 252, .78);
                --chip: rgba(12, 24, 48, .03);
            }
        }

        :root[data-theme="light"] {
            --bg: #F3F6FC;
            --bg2: #E9EFF9;
            --surface: rgba(255, 255, 255, .76);
            --surface2: #FFFFFF;
            --line: rgba(12, 24, 48, .10);
            --line2: rgba(12, 24, 48, .18);
            --txt: #0A1226;
            --txt2: #4A5772;
            --txt3: #78859B;
            --accent: #2A63E0;
            --accent2: #0B87BF;
            --violet: #6742E8;
            --teal: #0E9E80;
            --warn: #B87309;
            --grid: rgba(12, 24, 48, .055);
            --shadow: 0 20px 50px rgba(16, 34, 70, .10);
            --tile: linear-gradient(150deg, rgba(42, 99, 224, .16), rgba(103, 66, 232, .08));
            --navbg: rgba(243, 246, 252, .78);
            --chip: rgba(12, 24, 48, .03);
        }

        * {
            box-sizing: border-box
        }

        html {
            scroll-behavior: smooth;
            scroll-padding-top: 104px;
            background: var(--bg)
        }

        body {
            margin: 0;
            background: var(--bg);
            color: var(--txt);
            font-family: Manrope, system-ui, sans-serif;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden
        }

        a {
            color: var(--accent2);
            text-decoration: none
        }

        a:hover {
            color: var(--accent)
        }

        :focus-visible {
            outline: 2px solid var(--accent2);
            outline-offset: 3px;
            border-radius: 6px
        }

        ::selection {
            background: rgba(77, 141, 255, .32)
        }

        h1,
        h2,
        h3,
        h4 {
            margin: 0
        }

        p {
            margin: 0
        }

        input,
        select,
        button {
            font-family: inherit
        }

        @keyframes floatA {

            0%,
            100% {
                transform: translateY(0)
            }

            50% {
                transform: translateY(-9px)
            }
        }

        @keyframes floatB {

            0%,
            100% {
                transform: translateY(0)
            }

            50% {
                transform: translateY(7px)
            }
        }

        @keyframes floatC {

            0%,
            100% {
                transform: translate3d(0, 0, 0)
            }

            50% {
                transform: translate3d(5px, -6px, 0)
            }
        }

        @keyframes pulseDot {
            0% {
                box-shadow: 0 0 0 0 rgba(47, 211, 176, .55)
            }

            70% {
                box-shadow: 0 0 0 9px rgba(47, 211, 176, 0)
            }

            100% {
                box-shadow: 0 0 0 0 rgba(47, 211, 176, 0)
            }
        }

        @keyframes marquee {
            from {
                transform: translateX(0)
            }

            to {
                transform: translateX(-50%)
            }
        }

        @keyframes dash {
            to {
                stroke-dashoffset: -320
            }
        }

        @keyframes spinSlow {
            from {
                transform: rotate(0)
            }

            to {
                transform: rotate(360deg)
            }
        }

        @keyframes spinBack {
            from {
                transform: rotate(0)
            }

            to {
                transform: rotate(-360deg)
            }
        }

        @keyframes growH {
            from {
                height: 0
            }
        }

        @keyframes growW {
            from {
                width: 0
            }
        }

        @keyframes drawRing {
            from {
                stroke-dashoffset: 640
            }
        }

        @keyframes glowPulse {

            0%,
            100% {
                opacity: .55
            }

            50% {
                opacity: 1
            }
        }

        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateX(26px)
            }

            to {
                opacity: 1;
                transform: translateX(0)
            }
        }

        @keyframes jig {

            0%,
            100% {
                transform: translate(0, 0)
            }

            25% {
                transform: translate(6px, 0)
            }

            50% {
                transform: translate(0, 0)
            }

            75% {
                transform: translate(-6px, 0)
            }
        }

        [data-marquee]:hover>div {
            animation-play-state: paused
        }

        [data-uccard]:hover {
            transform: translateY(-4px);
            border-color: var(--accent2) !important
        }

        .scpj:hover {
            border-color: var(--accent2) !important
        }

        .scpd:hover {
            border-color: var(--teal) !important
        }

        [data-noscroll]::-webkit-scrollbar {
            display: none
        }

        [data-noscroll] {
            -ms-overflow-style: none
        }

        input::placeholder {
            color: var(--txt3)
        }

        @media (max-width:1180px) {
            [data-footer] {
                grid-template-columns: 1fr 1fr 1fr !important
            }
        }

        @media (max-width:680px) {
            [data-footer] {
                grid-template-columns: 1fr 1fr !important
            }
        }

        @media (max-width:640px) {
            [data-roster] {
                grid-template-columns: 1.5fr 1fr !important
            }

            [data-rcol] {
                display: none !important
            }

            [data-uccard] {
                flex: 0 0 82vw !important
            }

            [data-orgrow] {
                gap: 6px !important
            }

            [data-hidesm] {
                display: none !important
            }
        }

        @media (max-width:480px) {
            [data-footer] {
                grid-template-columns: 1fr !important
            }
        }

        @media (max-width:1080px) {
            [data-navlinks] {
                display: none !important
            }

            [data-desk] {
                display: none !important
            }

            [data-burger] {
                display: grid !important
            }

            [data-split] {
                grid-template-columns: 1fr !important
            }

            [data-dashgrid] {
                grid-template-columns: 1fr !important
            }
        }

        @media (max-width:820px) {
            [data-dash] {
                grid-template-columns: 1fr !important
            }

            [data-dash]>aside {
                display: none !important
            }

            [data-float] {
                display: none !important
            }

            [data-cols3] {
                grid-template-columns: 1fr !important
            }
        }

        @media (min-width:861px) {
            [data-mobilebar] {
                display: none !important
            }
        }

        @media (prefers-reduced-motion:reduce) {
            * {
                animation-duration: .001ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: .001ms !important
            }

            html {
                scroll-behavior: auto
            }
        }

        [hidden] {
            display: none !important
        }