@font-face {
    font-family: "Conthrax";
    src: url("/docs/default-source/brainhack2026-assets/font/Conthrax-SemiBold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

textarea:hover,
input:hover,
textarea:active,
input:active,
button:active,
button:hover,
.btn:active,
.btn.active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

:focus:not(:focus-visible) {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

:focus-visible {
    outline: 2px solid aqua;
    outline-offset: 3px
}

body {
    font-family: "Funnel Display", sans-serif;
    background-color: #000;
    overflow-x: hidden
}

.countdown {
    display: grid;
    grid-template-areas: "stack"
}

.countdown__bg {
    grid-area: stack;
    height: 100%
}

.countdown .container {
    grid-area: stack;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 65px;
    padding-bottom: 65px
}

.countdown__description {
    font-weight: 300;
    font-size: clamp(12px, 0.7920792079vw + 8.5940594059px, 20px);
    line-height: 135%;
    text-align: center;
    color: aqua;
    padding: 0 35px
}

@media(min-width: 500px) {
    .countdown__description {
        padding: 0 60px
    }
}

@media(min-width: 768px) {
    .countdown__description {
        padding: 0 130px
    }
}

@media(min-width: 992px) {
    .countdown__description {
        padding: 0 160px
    }
}

.countdown__frame {
    display: grid;
    grid-template-areas: "stack";
    max-width: clamp(314px, 46.9306930693vw + 112.198019802px, 788px);
    aspect-ratio: 788/436;
    margin-left: auto;
    margin-right: auto;
    padding-top: clamp(20px, 4.9504950495vw + -1.2871287129px, 70px)
}

.countdown__frame-image {
    grid-area: stack
}

.countdown__frame-text {
    grid-area: stack;
    margin-left: clamp(43px, 6.5346534653vw + 14.900990099px, 109px);
    margin-right: clamp(27px, 4.4554455446vw + 7.8415841584px, 72px);
    text-align: center;
    padding-top: clamp(11px, 2.4752475248vw + 0.3564356436px, 36px);
    position: relative
}

.countdown__label {
    font-size: clamp(17px, 1.5841584158vw + 10.1881188119px, 33px);
    color: aqua;
    font-family: "Conthrax", sans-serif;
    font-weight: 500
}

.countdown__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countdown__days {
    color: aqua;
    font-weight: 500;
    font-size: clamp(90px, 17.3267326733vw + 15.495049505px, 265px);
    line-height: clamp(90px, 15.3465346535vw + 24.0099009901px, 245px);
    font-family: "Conthrax", sans-serif;
    min-width: clamp(150px, 14.8514851485vw + 86.1386138614px, 300px)
}

.countdown__days-label {
    font-size: clamp(17px, 1.0891089109vw + 12.3168316832px, 28px);
    font-family: "Conthrax", sans-serif;
    line-height: 100%;
    margin-top: clamp(0px, 2.4752475248vw + -10.6435643564px, 25px);
    color: aqua
}

.countdown__time {
    width: clamp(225px, 36.2376237624vw + 69.1782178218px, 591px);
    background-color: #151717;
    color: aqua;
    font-family: "Conthrax", sans-serif;
    font-size: clamp(20px, 2.4752475248vw + 9.3564356436px, 45px);
    -webkit-transform: translateX(clamp(10px, 6.7543859649vw + -10.2631578947px, 87px));
    -ms-transform: translateX(clamp(10px, 6.7543859649vw + -10.2631578947px, 87px));
    transform: translateX(clamp(10px, 6.7543859649vw + -10.2631578947px, 87px));
    position: absolute;
    bottom: -24px;
    right: -20px;
    padding: 6px 10px
}

@media(min-width: 768px) {
    .countdown__time {
        bottom: -28px
    }
}

@media(min-width: 992px) {
    .countdown__time {
        bottom: -32px
    }
}

@media(min-width: 1200px) {
    .countdown__time {
        bottom: -37px
    }
}

@media(min-width: 1440px) {
    .countdown__time {
        bottom: -43px
    }
}

.countdown__cta {
    margin-left: auto;
    margin-right: auto;
    margin-top: 72px;
    display: block;
    background-color: #212222;
    border: 3px solid aqua;
    text-decoration: none;
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: clamp(5px, 0.495049505vw + 2.8712871287px, 10px) clamp(8px, 1.1881188119vw + 2.8910891089px, 20px);
    font-size: clamp(11px, 0.8910891089vw + 7.1683168317px, 20px);
    line-height: 100%;
    text-align: center;
    color: aqua;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.countdown__cta::after {
    background-color: aqua;
    content: "";
    width: clamp(9px, 0.495049505vw + 6.8712871287px, 14px);
    height: clamp(9px, 0.495049505vw + 6.8712871287px, 14px);
    -webkit-mask: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 1.30511H7.24185V6.28959H8.02691V0.52002H2.0625V1.29902V1.30511Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/><path d="M7.12682 0.860596L0.736328 7.25096L1.29019 7.80477L7.68068 1.41441L7.12682 0.860596Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/></svg>');
    mask: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 1.30511H7.24185V6.28959H8.02691V0.52002H2.0625V1.29902V1.30511Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/><path d="M7.12682 0.860596L0.736328 7.25096L1.29019 7.80477L7.68068 1.41441L7.12682 0.860596Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-left: clamp(4px, 0.7920792079vw + 0.5940594059px, 12px);
    display: inline-block
}

.key-dates {
    position: relative;
    display: grid;
    grid-template-areas: "stack"
}

.key-dates__bg img {
    height: 100%
}

.key-dates__bg,
.key-dates__body {
    grid-area: stack
}

.key-dates__grid {
    display: grid;
    row-gap: 24px
}

@media(min-width: 992px) {
    .key-dates__grid {
        row-gap: 0;
        grid-template-columns: 34.7190146266% 32.6404926867% 32.6404926867%;
        background: var(--background-desktop) no-repeat;
        background-size: 100% 100%;
        padding-top: 53px;
        padding-bottom: 23px;
        padding-left: 23px;
        aspect-ratio: 1325/450;
        width: 100%;
        max-width: 1325px;
        height: auto;
        margin-left: auto;
        margin-right: auto
    }
}

.key-dates__title {
    position: relative;
    z-index: 1;
    color: aqua;
    text-align: center;
    line-height: .9;
    font-size: clamp(30px, 4.4554455446vw + 10.8415841584px, 75px);
    font-weight: 600;
    font-family: "Conthrax", sans-serif;
    padding-top: clamp(53px, 4.4554455446vw + 33.8415841584px, 98px);
    margin-bottom: clamp(48px, 5.3465346535vw + 25.0099009901px, 102px);
    margin-bottom: 30px
}

@media(min-width: 992px) {
    .key-dates__title {
        margin-bottom: 102px
    }
}

.key-dates__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 10px
}

@media(min-width: 992px) {
    .key-dates__header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.key-dates__description {
    width: 100%
}

.key-dates__description p {
    position: relative;
    z-index: 1;
    color: aqua;
    display: block;
    font-size: 12px
}

@media(min-width: 768px) {
    .key-dates__description p {
        font-size: 18px;
        line-height: 1.2
    }
}

@media(min-width: 992px) {
    .key-dates__description p {
        font-size: 14px;
        margin-top: 128px;
        width: 378px
    }
}

.key-dates__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    gap: 21px
}

@media(max-width: 560px) {
    .key-dates__card {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto
    }
}

.key-dates__card svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.key-dates__card--reg-window {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 992px) {
    .key-dates__card--reg-window {
        background-size: 100% 100%;
        background-image: url("/docs/default-source/brainhack2026-assets/images/ui/keydate_1.svg");
        padding: 23px 32px 0;
        max-width: 364px;
        margin-left: auto;
        margin-right: auto;
        aspect-ratio: 364/95;
        height: auto
    }
}

.key-dates__card--training,
.key-dates__card--finale {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen {

    .key-dates__card--training,
    .key-dates__card--finale {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width: 992px) {
    .key-dates__card--training {
        background-image: url("/docs/default-source/brainhack2026-assets/images/ui/keydate_2.svg");
        padding: 8px 32px 17px;
        max-width: 364px;
        margin-left: auto;
        margin-right: auto;
        aspect-ratio: 364/95;
        height: auto
    }
}

@media(min-width: 992px) {
    .key-dates__card--training {
        grid-row-start: 2;
        grid-column-start: 2
    }
}

@media(max-width: 992px) {
    .key-dates__card--finale {
        background-image: url("/docs/default-source/brainhack2026-assets/images/ui/keydate_3.svg");
        background-repeat: no-repeat;
        padding: 0 32px 17px;
        max-width: 364px;
        margin-left: auto;
        margin-right: auto;
        aspect-ratio: 364/95;
        height: auto
    }
}

@media(min-width: 992px) {
    .key-dates__card--finale {
        grid-row-start: 3;
        grid-column-start: 3
    }
}

.key-dates__card-bg--overlay {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 1px;
    left: 0
}

.key-dates__card-bg--color-1 {
    position: absolute;
    z-index: -1;
    width: 105%;
    top: 0px;
    left: -12px;
    height: 100%
}

.key-dates__card-bg--color-2 {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: -7px;
    left: -15px;
    height: 115%
}

.key-dates__card-bg--color-3 {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: -7px;
    left: -15px;
    height: 115%
}

.key-dates__period {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.key-dates__period p {
    font-size: clamp(10px, 0.396039604vw + 8.297029703px, 14px);
    color: #fff;
    margin-bottom: 0;
    text-align: start;
    width: 100%;
    line-height: 1.1;
    margin-top: 10px
}

.key-dates__range {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    gap: 21px
}

.key-dates__date-start {
    color: #fff
}

.key-dates__date-end {
    color: #fff;
    font-size: 10px
}

.key-dates__date-label {
    font-size: clamp(10px, 0.396039604vw + 8.297029703px, 14px)
}

.key-dates__date-value {
    font-size: clamp(21px, 0.9900990099vw + 16.7425742574px, 31px);
    font-weight: 700
}

.compete {
    background: none;
    overflow: hidden;
    background: url("/images/default-source/brainhack-2026/backgrounds/mobile/learn-bg.png")
}

@media(min-width: 768px) {
    .compete {
        background: url("/images/default-source/brainhack-2026/backgrounds/desktop/learn-bg.png")
    }
}

.compete {
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-bottom: 60px
}

.compete__title {
    position: relative;
    z-index: 1;
    color: aqua;
    text-align: center;
    line-height: .9;
    font-size: clamp(30px, 4.4554455446vw + 10.8415841584px, 75px);
    font-weight: 600;
    font-family: "Conthrax", sans-serif;
    padding-top: clamp(53px, 4.4554455446vw + 33.8415841584px, 98px);
    margin-bottom: clamp(48px, 5.3465346535vw + 25.0099009901px, 102px)
}

.compete__grid {
    display: grid
}

@media(min-width: 992px) {
    .compete__grid {
        grid-template-columns: 1fr 1fr;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.compete__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 23px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto
}

@media(max-width: 992px) {
    .compete__card {
        max-width: 100dvw
    }
}

@media(min-width: 992px) {
    .compete__card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 992px) {
    .compete__card:not(:last-child) {
        margin-bottom: 30px
    }
}

.compete__card--cyber {
    --compete-color: #261FFF
}

@media(max-width: 992px) {
    .compete__card--cyber {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/compete-cyber-mobile.svg) no-repeat center center;
        aspect-ratio: 430/221;
        background-size: cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 5% 10% 10% 10%
    }
}

@media(min-width: 992px) {
    .compete__card--cyber {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/compete-cyber-desktop.svg) no-repeat center center;
        aspect-ratio: 570/745;
        max-width: 570px;
        background-size: contain;
        margin-right: 0;
        padding-left: 165px;
        padding-top: 60px;
        padding-bottom: 45px
    }
}

.compete__card--ai {
    --compete-color: #FF00C9
}

@media(max-width: 992px) {
    .compete__card--ai {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/compete-ai-mobile.svg) no-repeat center center;
        aspect-ratio: 430/237;
        background-size: cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10%
    }
}

@media(min-width: 992px) {
    .compete__card--ai {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/compete-ai-desktop.svg) no-repeat center center;
        max-width: 570px;
        aspect-ratio: 570/745;
        background-size: cover;
        margin-left: 0;
        padding-right: 165px;
        padding-top: 60px;
        padding-bottom: 45px
    }
}

.compete__card--roboverse {
    --compete-color: #EF4D23
}

@media(max-width: 992px) {
    .compete__card--roboverse {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/compete-roboverse-mobile.svg) no-repeat center center;
        aspect-ratio: 430/248;
        background-size: cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 18% 10% 10% 10%
    }
}

@media(min-width: 992px) {
    .compete__card--roboverse {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/compete-roboverse-desktop.svg) no-repeat center center;
        aspect-ratio: 570/701;
        max-width: 570px;
        background-size: contain;
        margin-right: 0;
        padding-left: 165px;
        padding-top: 60px;
        padding-bottom: 55px
    }
}

.compete__card--code-exp {
    --compete-color: #5F9E23
}

@media(max-width: 992px) {
    .compete__card--code-exp {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/compete-code-exp-mobile.svg) no-repeat center center;
        aspect-ratio: 430/228;
        background-size: cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 13% 10% 10% 10%
    }
}

@media(min-width: 992px) {
    .compete__card--code-exp {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/compete-code-exp-desktop.svg) no-repeat center center;
        max-width: 570px;
        aspect-ratio: 570/701;
        background-size: contain;
        margin-left: 0;
        padding-right: 165px;
        padding-top: 60px;
        padding-bottom: 55px
    }
}

.compete__card-image {
    height: clamp(130px, 10.396039604vw + 85.297029703px, 235px);
    width: clamp(130px, 10.396039604vw + 85.297029703px, 235px)
}

.compete__card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.compete__card-title {
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: clamp(17px, 1.9801980198vw + 8.4851485149px, 37px);
    line-height: 100%;
    color: var(--compete-color)
}

@media(min-width: 992px) {
    .compete__card-title {
        text-align: center;
        padding-left: clamp(4px, 2.5742574257vw + -7.0693069307px, 30px);
        padding-right: clamp(4px, 2.5742574257vw + -7.0693069307px, 30px)
    }
}

.compete__card-subtitle {
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: clamp(12px, 0.7920792079vw + 8.5940594059px, 20px);
    line-height: 1.25;
    color: #fff
}

@media(min-width: 992px) {
    .compete__card-subtitle {
        text-align: center;
        padding-left: clamp(4px, 2.5742574257vw + -7.0693069307px, 30px);
        padding-right: clamp(4px, 2.5742574257vw + -7.0693069307px, 30px)
    }
}

.compete__card-description {
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(8px, 0.5940594059vw + 5.4455445545px, 14px);
    color: #fff;
    margin-bottom: 0
}

@media(min-width: 992px) {
    .compete__card-description {
        text-align: center;
        padding-left: clamp(4px, 2.5742574257vw + -7.0693069307px, 30px);
        padding-right: clamp(4px, 2.5742574257vw + -7.0693069307px, 30px)
    }
}

.compete__card-description:has(~a) {
    margin-bottom: 7px
}

.compete__card-cta {
    background-color: #fff;
    border: 3px solid var(--compete-color);
    padding: 5px 8px;
    text-decoration: none!important;
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: clamp(5px, 0.495049505vw + 2.8712871287px, 10px) clamp(8px, 1.1881188119vw + 2.8910891089px, 20px);
    font-size: clamp(11px, 0.8910891089vw + 7.1683168317px, 20px);
    line-height: 100%;
    text-align: center;
    color: var(--compete-color)!important;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media(min-width: 992px) {
    .compete__card-cta {
        margin-left: auto;
        margin-right: auto
    }
}

.compete__card-cta::after {
    background-color: currentColor;
    content: "";
    width: clamp(9px, 0.495049505vw + 6.8712871287px, 14px);
    height: clamp(9px, 0.495049505vw + 6.8712871287px, 14px);
    -webkit-mask: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 1.30511H7.24185V6.28959H8.02691V0.52002H2.0625V1.29902V1.30511Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/><path d="M7.12682 0.860596L0.736328 7.25096L1.29019 7.80477L7.68068 1.41441L7.12682 0.860596Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/></svg>');
    mask: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 1.30511H7.24185V6.28959H8.02691V0.52002H2.0625V1.29902V1.30511Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/><path d="M7.12682 0.860596L0.736328 7.25096L1.29019 7.80477L7.68068 1.41441L7.12682 0.860596Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-left: clamp(4px, 0.7920792079vw + 0.5940594059px, 12px);
    display: inline-block;
    background-color: var(--compete-color)
}

.compete__card-cta:hover {
    text-decoration: none!important;
}

.learn {
    background: url("/images/default-source/brainhack-2026/backgrounds/mobile/learn-bg.png")
}

@media(min-width: 768px) {
    .learn {
        background: url("/images/default-source/brainhack-2026/backgrounds/desktop/learn-bg.png")
    }
}

.learn {
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width: 768px) {
    .learn {
        padding-bottom: 100px
    }
}

.learn__title {
    position: relative;
    z-index: 1;
    color: aqua;
    text-align: center;
    line-height: .9;
    font-size: clamp(30px, 4.4554455446vw + 10.8415841584px, 75px);
    font-weight: 600;
    font-family: "Conthrax", sans-serif;
    padding-top: clamp(53px, 4.4554455446vw + 33.8415841584px, 98px);
    margin-bottom: clamp(48px, 5.3465346535vw + 25.0099009901px, 102px)
}

@media(min-width: 768px) {
    .learn__grid {
        display: grid;
        grid-template-columns: 36.4583333333% 30.7638888889% 35.4861111111%;
        max-width: 1440px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.learn__card-wrapper--space-cube {
    --learn-frame-color: #D46F20;
    --learn-text-color: #FFD400
}

@media(max-width: 768px) {
    .learn__card-wrapper--space-cube {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/learn-spacecube-mobile.svg) no-repeat center center;
        background-size: contain;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        aspect-ratio: 430/321;
        padding-top: 5.8139534884%;
        height: auto
    }
}

@media(min-width: 768px) {
    .learn__card-wrapper--space-cube {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/learn-spacecube-desktop.svg) no-repeat top right;
        background-size: contain;
        aspect-ratio: 525/600;
        width: 100%;
        height: auto;
        padding-left: 22.6666666667%;
        padding-top: 2.6315789474%;
        padding-bottom: 7.8947368421%
    }
}

.learn__card-wrapper--infraxcode {
    --learn-frame-color: #177D81;
    --learn-text-color: #00FFFF
}

@media(max-width: 768px) {
    .learn__card-wrapper--infraxcode {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/learn-infraxcode-mobile.svg) no-repeat center center;
        background-size: contain;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        aspect-ratio: 430/342;
        padding-bottom: 10.6976744186%;
        height: auto
    }
}

@media(min-width: 768px) {
    .learn__card-wrapper--infraxcode {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/learn-infraxcode-desktop.svg) no-repeat top center;
        background-size: contain;
        aspect-ratio: 443/760;
        width: 100%;
        height: auto;
        padding-right: 8.5778781038%;
        padding-top: 13.6842105263%;
        padding-bottom: 33.1578947368%
    }
}

.learn__card-wrapper--xrperience {
    --learn-frame-color: #CA10FF;
    --learn-text-color: #CA10FF
}

@media(max-width: 768px) {
    .learn__card-wrapper--xrperience {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/learn-xrperience-mobile.svg) no-repeat center center;
        background-size: contain;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        aspect-ratio: 430/295;
        height: auto;
        -webkit-transform: translateY(-16%);
        -ms-transform: translateY(-16%);
        transform: translateY(-16%)
    }
}

@media(min-width: 768px) {
    .learn__card-wrapper--xrperience {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/learn-xrperience-desktop.svg) no-repeat bottom left;
        aspect-ratio: 497/738;
        background-size: contain;
        width: 100%;
        height: auto;
        -webkit-transform: translateX(-7.4363992172%);
        -ms-transform: translateX(-7.4363992172%);
        transform: translateX(-7.4363992172%);
        padding-right: 14.6771037182%;
        padding-top: 23.6842105263%;
        padding-bottom: 10%
    }
}

@media(max-width: 768px) {
    .learn__card {
        margin-left: 23.7209302326%;
        margin-right: 23.7209302326%;
        padding: 24px
    }
}

.learn__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.learn__card-image {
    width: clamp(80px, 15.3465346535vw + 14.0099009901px, 235px);
    height: clamp(80px, 15.3465346535vw + 14.0099009901px, 235px);
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 13px
}

@media(max-width: 429px) {
    .learn__card-image {
        width: clamp(50px, 7.9155672823vw + 46.0422163588px, 80px);
        height: clamp(50px, 7.9155672823vw + 46.0422163588px, 80px)
    }
}

@media(min-width: 768px) {
    .learn__card-image {
        width: 36%;
        height: 25%
    }
}

@media(min-width: 1060px) {
    .learn__card-image {
        width: clamp(80px, 15.3465346535vw + 14.0099009901px, 235px);
        height: clamp(80px, 15.3465346535vw + 14.0099009901px, 235px)
    }
}

.learn__card-title {
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: clamp(17px, 2.9702970297vw + 4.2277227723px, 47px);
    line-height: 100%;
    text-align: center;
    color: var(--learn-text-color);
    padding-left: clamp(12px, 2.7722772277vw + 0.0792079208px, 40px);
    padding-right: clamp(12px, 2.7722772277vw + 0.0792079208px, 40px)
}

.learn__card-description {
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(8px, 0.5940594059vw + 5.4455445545px, 14px);
    text-align: center;
    color: #fff;
    padding-left: clamp(12px, 2.7722772277vw + 0.0792079208px, 40px);
    padding-right: clamp(12px, 2.7722772277vw + 0.0792079208px, 40px)
}

.learn__card-cta {
    background-color: #fff;
    border: 3px solid var(--learn-frame-color);
    padding: 5px 8px;
    text-decoration: none!important;
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: clamp(5px, 0.495049505vw + 2.8712871287px, 10px) clamp(8px, 1.1881188119vw + 2.8910891089px, 20px);
    font-size: clamp(11px, 0.8910891089vw + 7.1683168317px, 20px);
    line-height: 100%;
    text-align: center;
    color: var(--learn-frame-color) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.learn__card-cta::after {
    background-color: currentColor;
    content: "";
    width: clamp(9px, 0.495049505vw + 6.8712871287px, 14px);
    height: clamp(9px, 0.495049505vw + 6.8712871287px, 14px);
    -webkit-mask: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 1.30511H7.24185V6.28959H8.02691V0.52002H2.0625V1.29902V1.30511Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/><path d="M7.12682 0.860596L0.736328 7.25096L1.29019 7.80477L7.68068 1.41441L7.12682 0.860596Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/></svg>');
    mask: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 1.30511H7.24185V6.28959H8.02691V0.52002H2.0625V1.29902V1.30511Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/><path d="M7.12682 0.860596L0.736328 7.25096L1.29019 7.80477L7.68068 1.41441L7.12682 0.860596Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-left: clamp(4px, 0.7920792079vw + 0.5940594059px, 12px);
    display: inline-block;
    background-color: var(--learn-frame-color)
}

.learn__card-cta:hover {
    text-decoration: none!important;
}

.tech-showcase {
    background: url("/images/default-source/brainhack-2026/backgrounds/mobile/mobilelearnbg.png");
    background-size: 100% 100%;
    background-position: center
}

@media(min-width: 768px) {
    .tech-showcase {
        background: url("/images/default-source/brainhack-2026/backgrounds/desktop/learn-bg.png")
    }
}

.tech-showcase {
    background-repeat: no-repeat;
    padding-top: 81px;
    padding-bottom: 100px
}

.tech-showcase__title {
    position: relative;
    z-index: 1;
    color: aqua;
    text-align: center;
    line-height: .9;
    font-size: clamp(30px, 4.4554455446vw + 10.8415841584px, 75px);
    font-weight: 600;
    font-family: "Conthrax", sans-serif;
    padding-top: clamp(53px, 4.4554455446vw + 33.8415841584px, 98px);
    margin-bottom: clamp(48px, 5.3465346535vw + 25.0099009901px, 102px)
}

.tech-showcase__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(/docs/default-source/brainhack2026-assets/images/sections/tech-showcase-mobile.svg) no-repeat center center;
    background-size: cover
}

@media(max-width: 768px) {
    .tech-showcase__card {
        padding-top: 16.1953727506%;
        padding-left: 13.488372093%;
        padding-right: 13.488372093%;
        padding-bottom: 19.794344473%;
        aspect-ratio: 430/389
    }
}

@media(min-width: 768px) {
    .tech-showcase__card {
        background: url(/docs/default-source/brainhack2026-assets/images/sections/tech-showcase-desktop.svg) no-repeat center center;
        background-size: contain;
        max-width: 1215px;
        width: 100%;
        height: auto;
        aspect-ratio: 1215/536;
        margin-left: auto;
        margin-right: auto;
        padding-top: min(11.9402985075%, 64px);
        padding-left: min(17.037037037%, 207px);
        padding-right: min(17.037037037%, 207px);
        padding-bottom: min(13.4328358209%, 72px);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: clamp(40px, 2.7722772277vw + 28.0792079208px, 68px)
    }
}

.tech-showcase__card-image {
    width: clamp(100px, 7.9207920792vw + 65.9405940594px, 180px);
    height: clamp(100px, 7.9207920792vw + 65.9405940594px, 180px);
    margin-bottom: 25px
}

.tech-showcase__card-description {
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: clamp(10px, 0.9900990099vw + 5.7425742574px, 20px);
    line-height: 135%;
    color: #fff
}

@media(max-width: 768px) {
    .tech-showcase__card-description {
        text-align: center
    }
}

.tech-showcase__card-cta {
    margin-top: 8px;
    background-color: #212222;
    border: 3px solid aqua;
    text-decoration: none!important;
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: clamp(5px, 0.495049505vw + 2.8712871287px, 10px) clamp(8px, 1.1881188119vw + 2.8910891089px, 20px);
    text-align: center;
    color: aqua !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tech-showcase__card-cta::after {
    background-color: aqua;
    content: "";
    width: clamp(9px, 0.495049505vw + 6.8712871287px, 14px);
    height: clamp(9px, 0.495049505vw + 6.8712871287px, 14px);
    -webkit-mask: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 1.30511H7.24185V6.28959H8.02691V0.52002H2.0625V1.29902V1.30511Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/><path d="M7.12682 0.860596L0.736328 7.25096L1.29019 7.80477L7.68068 1.41441L7.12682 0.860596Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/></svg>');
    mask: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 1.30511H7.24185V6.28959H8.02691V0.52002H2.0625V1.29902V1.30511Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/><path d="M7.12682 0.860596L0.736328 7.25096L1.29019 7.80477L7.68068 1.41441L7.12682 0.860596Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-left: clamp(4px, 0.7920792079vw + 0.5940594059px, 12px);
    display: inline-block
}

.tech-showcase__card-cta:hover {
    text-decoration: none!important;
}

@media(max-width: 768px) {
    .tech-showcase__card-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.bh25-highlight {
    background: url("/images/default-source/brainhack-2026/backgrounds/mobile/bh25bg.png");
    background-repeat: no-repeat;
    background-size: cover
}

.bh25-highlight__title {
    position: relative;
    z-index: 1;
    color: aqua;
    text-align: center;
    line-height: .9;
    font-size: clamp(30px, 4.4554455446vw + 10.8415841584px, 75px);
    font-weight: 600;
    font-family: "Conthrax", sans-serif;
    padding-top: clamp(53px, 4.4554455446vw + 33.8415841584px, 98px);
    margin-bottom: clamp(48px, 5.3465346535vw + 25.0099009901px, 102px)
}

.bh25-highlight__video {
    width: 100%;
    display: block;
    height: auto;
    aspect-ratio: 800/450;
    background: #000;
    margin-left: auto;
    margin-right: auto;
    max-width: clamp(256px, 53.8613861386vw + 24.396039604px, 800px)
}

.bh25-highlight__video-wrapper {
    background: url("/docs/default-source/brainhack2026-assets/images/sections/bh25-frame.svg");
    background-repeat: no-repeat;
    aspect-ratio: 1120/634;
    height: auto;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto
}

.bh25-highlight__video-wrapper .play-btn-overlay {
    width: 100%;
    height: 100%
}

.bh25-highlight .bh25-video-box {
    position: relative;
    min-width: clamp(256px, 53.8613861386vw + 24.396039604px, 800px)
}

@media(min-width: 1200px) {
    .bh25-highlight .bh25-video-box {
        margin-bottom: 60px
    }
}

.bh25-highlight .play-btn-overlay .videoimg {
    position: absolute;
    z-index: 1;
    top: 0
}

.bh25-highlight .play-btn-overlay .playbtn {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 15%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.character-picker__title {
    position: relative;
    z-index: 1;
    color: aqua;
    text-align: center;
    line-height: .9;
    font-size: clamp(30px, 4.4554455446vw + 10.8415841584px, 75px);
    font-weight: 600;
    font-family: "Conthrax", sans-serif;
    padding-top: clamp(53px, 4.4554455446vw + 33.8415841584px, 98px);
    margin-bottom: clamp(48px, 5.3465346535vw + 25.0099009901px, 102px)
}

.character-picker__wrapper {
    position: relative;
    overflow: hidden
}

.character-picker__wrapper--cddc {
    --character-text-color: #261FFF;
    grid-area: card1
}

.character-picker__wrapper--til-ai {
    --character-text-color: #FF00C9;
    grid-area: card2
}

.character-picker__wrapper--code-exp {
    --character-text-color: #A6FB00;
    grid-area: card3
}

.character-picker__wrapper--roboverse {
    --character-text-color: #FF4A00;
    grid-area: card4
}

.character-picker__wrapper--workshop {
    --character-text-color: #FFD400;
    grid-area: card5
}

@media(max-width: 768px) {
    .character-picker__wrapper:nth-child(odd) .character-picker__card {
        grid-template-areas: ". heading" ". body"
    }
}

@media(max-width: 768px) {
    .character-picker__wrapper:nth-child(even) .character-picker__card {
        grid-template-areas: "heading ." "body ."
    }
}

.character-picker__wrapper-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0
}

.character-picker__card {
    position: relative;
    z-index: 1;
    display: grid;
    height: auto;
    width: 100%;
    aspect-ratio: 430/240;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 55% auto
}

@media(min-width: 768px) {
    .character-picker__card {
        grid-template-areas: "heading" "body";
        grid-template-columns: 1fr;
        grid-template-rows: 78.6206896552% auto;
        aspect-ratio: unset;
        height: 100%
    }
}

.character-picker__card-heading {
    grid-area: heading;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
}

@media(min-width: 768px) {
    .character-picker__card-heading {
        width: 100%;
        padding-top: clamp(20px, 3.1683168317vw + 6.3762376238px, 52px);
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.character-picker__card-title {
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: clamp(15px, 2.1782178218vw + 5.6336633663px, 37px);
    line-height: 150%;
    text-align: center;
    color: var(--character-text-color)
}

.character-picker__card-subtitle {
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: clamp(23px, -0.297029703vw + 24.2772277228px, 20px);
    line-height: 100%;
    text-align: center;
    color: var(--character-text-color)
}

.character-picker__card-body {
    grid-area: body;
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: clamp(10px, 1.0891089109vw + 5.3168316832px, 21px);
    line-height: 135%;
    text-align: center;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px
}

.character-picker__card-body p.desc {
    color: #fff !important;
    font-size: clamp(10px, 1.0891089109vw + 5.3168316832px, 21px)!important;
}

@media(min-width: 768px) {
    .character-picker__grid {
        background-image: var(--background-desktop);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        aspect-ratio: 1440/1483;
        display: grid;
        grid-template-areas: "card1 card1 card2 card2 card3 card3" "card4 card4 card4 card5 card5 card5";
        padding-top: clamp(12px, 1.1881188119vw + 6.8910891089px, 24px)
    }

    .character-picker__grid .character-picker__wrapper-bg {
        display: none
    }
}

.faq {
    padding-top: clamp(31px, 9.2079207921vw + -8.5940594059px, 124px);
    padding-bottom: clamp(124px, 16.8316831683vw + 51.6237623762px, 294px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.faq__title {
    margin-top: 8px;
    background-color: #212222;
    border: 3px solid aqua;
    text-decoration: none;
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: clamp(5px, 0.495049505vw + 2.8712871287px, 10px) clamp(8px, 1.1881188119vw + 2.8910891089px, 20px);
    text-align: center;
    color: aqua;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-size: 16px;
    margin-bottom: 32px;
    padding: 5px 10px 5px 10px
}

@media(min-width: 768px) {
    .faq__title {
        font-size: 36px;
        margin-bottom: 73px
    }
}

.faq__title::after {
    background-color: aqua;
    content: "";
    width: clamp(9px, 0.495049505vw + 6.8712871287px, 14px);
    height: clamp(9px, 0.495049505vw + 6.8712871287px, 14px);
    -webkit-mask: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 1.30511H7.24185V6.28959H8.02691V0.52002H2.0625V1.29902V1.30511Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/><path d="M7.12682 0.860596L0.736328 7.25096L1.29019 7.80477L7.68068 1.41441L7.12682 0.860596Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/></svg>');
    mask: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 1.30511H7.24185V6.28959H8.02691V0.52002H2.0625V1.29902V1.30511Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/><path d="M7.12682 0.860596L0.736328 7.25096L1.29019 7.80477L7.68068 1.41441L7.12682 0.860596Z" fill="currentColor" stroke="currentColor" stroke-width="1.04" stroke-miterlimit="10"/></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-left: clamp(4px, 0.7920792079vw + 0.5940594059px, 12px);
    display: inline-block;
    width: 15px;
    height: 12px;
    margin-top: 5px
}

@media(min-width: 768px) {
    .faq__title::after {
        width: 20px;
        height: 20px
    }
}

.faq__description {
    font-family: "Funnel Display", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(15px, 1.9801980198vw + 6.4851485149px, 35px);
    text-align: center;
    letter-spacing: .015625em;
    margin-bottom: clamp(102px, 13.8613861386vw + 42.396039604px, 242px);
    color: #fff !important;
}

.faq__description a {
    color: #fff !important;
}

.faq__image {
    display: block;
    margin: 0 auto;
    width: clamp(114px, 21.4851485149vw + 21.6138613861px, 331px);
    height: clamp(13px, 2.3762376238vw + 2.7821782178px, 37px)
}

.faq a {
    text-decoration: none
}

html {
    background-color: #000
}

img {
    width: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0)
}

/* header .container-fluid {
    position: absolute;
    z-index: 999;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
    padding: 0
}

@media(min-width: 768px) {
    header .container-fluid {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
        background: linear-gradient(to bottom, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%)
    }
} */

header .container-fluid .container {
    position: relative
}

header .navbar {
    position: absolute;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 45px
}

@media(min-width: 992px) {
    header .navbar {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

header .navbar a {
    margin-right: 0px
}

header .navbar a img {
    width: 60px;
    height: 40px
}

@media(min-width: 768px) {
    header .navbar a img {
        width: 100%;
        height: 100%
    }
}

.navbar-item {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px
}

.navbar-item li {
    display: inline-block;
    margin-left: 10px
}

@media(min-width: 768px) {
    .navbar-item li {
        margin-left: 70px
    }
}

.navbar-item li a.nav-link {
    color: #fff;
    font-size: 12px
}

@media(min-width: 768px) {
    .navbar-item li a.nav-link {
        font-size: 20px
    }
}

.brainhack__banner {
    margin-bottom: calc(-0.3*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
}

@media(min-width: 768px) {
    .brainhack__banner {
        margin-bottom: calc(-0.7*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 1440px) {
    .brainhack__banner {
        margin-bottom: calc(-0.8*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 1600px) {
    .brainhack__banner {
        margin-bottom: calc(-0.9*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 1830px) {
    .brainhack__banner {
        margin-bottom: calc(-0.95*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 2000px) {
    .brainhack__banner {
        margin-bottom: calc(-1*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 2100px) {
    .brainhack__banner {
        margin-bottom: calc(-1.1*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 2400px) {
    .brainhack__banner {
        margin-bottom: calc(-1.2*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 2600px) {
    .brainhack__banner {
        margin-bottom: calc(-1.3*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 2800px) {
    .brainhack__banner {
        margin-bottom: calc(-1.4*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 3000px) {
    .brainhack__banner {
        margin-bottom: calc(-1.5*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 3200px) {
    .brainhack__banner {
        margin-bottom: calc(-1.7*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 3400px) {
    .brainhack__banner {
        margin-bottom: calc(-1.8*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 3600px) {
    .brainhack__banner {
        margin-bottom: calc(-1.9*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 3800px) {
    .brainhack__banner {
        margin-bottom: calc(-2*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}

@media(min-width: 4000px) {
    .brainhack__banner {
        margin-bottom: calc(-2.1*clamp(24px, 4.7524752475vw + 3.5643564356px, 72px))
    }
}