body, html {
    height: 100%
}

[data-click], a {
    cursor: pointer
}

:root {
    --indigo: #301CA0;
    --cyan: #C47BE7;
    --offwhite: #F5F0F8;
    --ink: #2A1780;
    --muted: #9B8AB8;
    --link-color: #C47BE7;
    --shadow: 0 10px 30px rgba(0, 240, 255, .15);
    --container: 1200px
}

*, ::after, ::before {
    box-sizing: border-box
}

blockquote, body, dd, dl, figure, h1, h2, h3, h4, h5, h6, html, li, ol, p, ul {
    margin: 0;
    padding: 0
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

ul {
    list-style: none
}

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

button, input, select, textarea {
    font: inherit
}

:focus-visible {
    outline: 2px dashed var(--cyan);
    outline-offset: 3px
}

body {
    min-height: 100vh;
    color: var(--offwhite);
    background: radial-gradient(1200px 800px at 80% -10%, rgba(0, 240, 255, .12), transparent 60%), radial-gradient(900px 600px at 10% 20%, rgba(0, 240, 255, .08), transparent 60%), var(--indigo);
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    letter-spacing: .2px;
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    overflow-x: hidden
}

.s-255a762c36cdae2fe950 {
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 20px
}

header.s-f819d7dee1ee55de63a8 {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(11, 15, 43, .7);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, .06)
}

.s-2fdd2f7735506d13cd96 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 68px
}

.s-63acf68c4f951d6412a8 {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
    letter-spacing: .5px
}

.s-63acf68c4f951d6412a8 img {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    box-shadow: var(--shadow)
}

.s-3d42e76c338c0d360e74 {
    font-size: 1.05rem;
    color: var(--offwhite)
}

nav.s-e3b7c980d763196e9d13 a {
    padding: 10px 12px;
    border-radius: 10px;
    color: var(--offwhite);
    opacity: .9
}

nav.s-e3b7c980d763196e9d13 a:hover {
    background: rgba(255, 255, 255, .06)
}

.s-03648b909e476a499259 {
    padding: 10px 14px;
    border: 1px solid var(--cyan);
    border-radius: 12px;
    color: var(--cyan);
    box-shadow: var(--shadow)
}

.s-03648b909e476a499259:hover {
    background: rgba(0, 240, 255, .08)
}

#nav-toggle, .s-7a86b15480e0a870f0b0 {
    display: none
}

@media (max-width: 950px) {
    nav.s-e3b7c980d763196e9d13 {
        display: none
    }

    .s-7a86b15480e0a870f0b0 {
        display: flex;
        align-items: center;
        gap: 10px
    }

    .s-7a86b15480e0a870f0b0 label {
        border: 1px solid rgba(255, 255, 255, .15);
        padding: 10px 12px;
        border-radius: 10px;
        cursor: pointer
    }

    .s-38591decbaf4a67f37e3 {
        position: fixed;
        inset: 0 0 0 30%;
        transform: translateX(100%);
        background: linear-gradient(180deg, #301CA0 0, #151a3c 100%);
        transition: transform .35s;
        display: flex;
        flex-direction: column;
        padding: 24px;
        gap: 8px
    }

    #nav-toggle:checked ~ .s-38591decbaf4a67f37e3 {
        transform: translateX(0)
    }

    .s-38591decbaf4a67f37e3 a {
        padding: 14px 10px;
        border-radius: 12px;
        color: var(--offwhite);
        border: 1px solid rgba(255, 255, 255, .06)
    }

    .s-38591decbaf4a67f37e3 a:hover {
        border-color: rgba(0, 240, 255, .5)
    }
}

main {
    flex: 1
}

.s-20182fbc10716eb197ea {
    padding: 72px 0;
    position: relative
}

.s-ce713f486917d789b03b {
    margin-bottom: 28px;
    max-width: 60ch
}

.s-657ce6c21cc08f06a3a0 {
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: var(--cyan);
    margin-bottom: 8px
}

.s-ce713f486917d789b03b h1, .s-ce713f486917d789b03b h2 {
    font-size: 1.8rem;
    margin-bottom: 6px
}

.s-ce713f486917d789b03b p {
    opacity: .86;
    font-size: .98rem
}

.s-de820e2414088aefe2e5 {
    display: grid;
    grid-template-columns:minmax(0, 1.2fr) minmax(0, 0.8fr);
    gap: 32px;
    align-items: flex-start
}

@media (max-width: 900px) {
    .s-de820e2414088aefe2e5 {
        grid-template-columns:1fr
    }
}

.s-2dae3fca7223bfb0d767 {
    font-size: .96rem;
    opacity: .9
}

.s-2dae3fca7223bfb0d767 p {
    margin-bottom: 10px
}

.s-2dae3fca7223bfb0d767 ul {
    margin: 4px 0 8px;
    padding-left: 0
}

.s-2dae3fca7223bfb0d767 li {
    padding: 3px 0
}

.s-1c59f1f1435972c2f5c7 {
    margin-bottom: 26px
}

.s-1c59f1f1435972c2f5c7 h3 {
    font-size: 1.02rem;
    margin-bottom: 4px
}

.s-26bf38010c5ac381d3e0 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
    font-size: .8rem
}

.s-93720caa841037718a71 {
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(0, 0, 0, .18);
    opacity: .9
}

[data-reveal] {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .6s, transform .6s
}

.s-489074d28197cf1e6450 {
    opacity: 1;
    transform: none
}

footer.s-a928d4c5751e4352ec16 {
    margin-top: 60px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    background: #0b1030
}

.s-6a36db8d8da726cb0473 {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 32px;
    padding: 36px 0
}

@media (max-width: 800px) {
    .s-20182fbc10716eb197ea {
        padding: 52px 0
    }

    .s-6a36db8d8da726cb0473 {
        grid-template-columns:1fr
    }
}

.s-6a36db8d8da726cb0473 .s-58590a8e3ac0a0ee865c h4 {
    font-size: 1rem;
    margin-bottom: 12px;
    color: var(--cyan)
}

.s-6a36db8d8da726cb0473 a {
    display: block;
    color: var(--offwhite);
    opacity: .85;
    padding: 8px 0
}

.s-6a36db8d8da726cb0473 a:hover {
    opacity: 1;
    text-decoration: underline
}

.s-24eb15454c0730b50678 {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 8px 24px
}

.s-f1791d821b8de39ed57b {
    opacity: .8;
    font-size: .9rem;
    line-height: 1.6;
    border-top: 1px solid rgba(255, 255, 255, .08);
    padding: 22px 0 36px
}

.s-2daa8e5e2f2e28fc6f3b {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.s-8a866d1bb131eb6888bf {
    margin: 8px 0 14px;
    max-width: 48ch;
    opacity: .85
}

.s-3a40c2066b4029a780de {
    opacity: .85
}

.s-8e027beffc0bf86970a7 {
    margin-top: 8px;
    opacity: .85
}

.s-acd243973b8ece24055c {
    margin-top: 8px
}