/*
 * World Championship of Trading
 * By Benzinga and TradeZero
 */

:root {
    --color-white: #fff;
    --color-black: #00192c;
    --color-gray: #a9a9a9;
    --color-green: #26e986;
    --color-aqua: #b2ddff;
    --color-aqua-shade: #7391ad;
    --color-blue: #0094ff;
    --color-orange: #ff5400;
    --color-red: #f33131;
    --color-button-default: #ff5400;
    --color-button-hover: #a5360c;
    --layout-xs: 300px;
    --layout-sm: 600px;
    --layout-md: 800px;
    --layout-lg: 1000px;
    --layout-xl: 1600px;
}

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

@media (min-width: 992px) {
    html {
        font-size: 112.5%;
    }
}

body {
    font-family: "poppins", system-ui, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3;
    text-align: left;
    background-color: var(--color-black);
    color: var(--color-white);
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, b, strong, summary {
    font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 1rem;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.75rem;
}

h3 {
    font-size: 1.125rem;
}

@media (min-width: 992px) {
    h1 {
        font-size: 3rem;
    }
    h2 {
        font-size: 2.5rem;
    }
    h3 {
        font-size: 1.25rem;
    }
}

h4, h5, h6 {
    font-size: inherit;
}

a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: .05em;
    text-underline-offset: .15em;
    cursor: pointer;
    background-color: transparent;
    color: inherit;
}

a:has(> img),
a:has(> svg) {
    text-decoration: none;
}

address, blockquote, details, dl, fieldset, figure, form, ol, p, pre, table, ul {
    margin: 0 0 1.25rem;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

iframe, img, svg, video {
    max-width: 100%;
}

img, svg, video {
    height: auto;
}

ol, ul {
    padding-left: 2rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

summary::-webkit-details-marker {
    display: none;
}

summary {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' viewBox='0 0 30 30'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2326E986' d='M29.505 16.69H16.839v12.779h-3.691v-12.78H.539v-3.407h12.609V.502h3.691v12.78h12.666v3.408Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h30v30H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") right top / .875rem .875rem no-repeat;
    list-style: none;
    padding-right: 2rem;
    padding-top: 0;
    padding-bottom: 1rem;
    cursor: pointer;
}

details[open] > summary {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' viewBox='0 0 30 30'%3E%3Cpath fill='%2326E986' d='M29.505 16.69H.539v-3.408h28.966v3.408Z'/%3E%3C/svg%3E");
}

details {
    border-bottom: 1px solid var(--color-aqua-shade);
}

@media (min-width: 992px) {
    html details summary {
        background-size: 1rem 1rem;
    }
}

[hidden] {
    display: none;
}

/* Common */

.helper {
    box-sizing: content-box;
    padding: 0 1.875rem;
    margin: 0 auto;
}

.home-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.logo-divider {
    height: 1.125rem;
    border-right: 1px solid var(--color-aqua-shade);
    margin: 0 .625rem;
}

.text-bold {
    font-weight: 700;
}

.text-semibold {
    font-weight: 600;
}

.text-medium {
    font-weight: 500;
}

.text-regular {
    font-weight: 400;
}

.text-light {
    font-weight: 300;
}

.text-gray {
    color: var(--color-gray);
}

.text-gray a {
    color: var(--color-blue);
}

.text-green {
    color: var(--color-green);
}

.text-center {
    text-align: center;
}

.orange-bg {
    background-color: var(--color-orange);
}

.white-bg {
    background-color: var(--color-white);
    color: var(--color-black);
}

.gradient-bg {
    background: transparent url("../img/gradient.png") center top / 100% auto repeat-y;
}

.gradient-text {
    color: var(--color-green);
}

@supports (background-clip: text) {
    .gradient-text {
        background: linear-gradient(to right, var(--color-blue), var(--color-green));
        background-clip: text;
        color: transparent;
    }
}

.gradient-text-alt {
    color: var(--color-aqua);
}

@supports (background-clip: text) {
    .gradient-text-alt {
        background: linear-gradient(to right, var(--color-aqua), var(--color-green));
        background-clip: text;
        color: transparent;
    }
}

@media (min-width: 992px) {
    .mobile-break {
        display: none;
    }
}

/* Header */

.header {
    padding: 1rem 0;
}

.header .wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: var(--layout-xl);
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .header .wrap {
        justify-content: flex-start;
    }
}

/* Main */

.hero {
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.hero .wrap {
    max-width: var(--layout-md);
    margin-left: auto;
    margin-right: auto;
}

.hero .value {
    margin-bottom: 2rem;
}

.hero .tradezero {
    margin-top: 2rem;
}

.hero .join {
    font-size: .875rem;
    margin-bottom: .5rem;
}

.hero .compete {
    margin-bottom: .5rem;
}

.hero .value {
    font-size: 2.5rem;
    letter-spacing: -.02em;
    margin-bottom: 1rem;
}

.cta {
    font-size: 1.25rem;
    text-align: center;
    padding: 2rem 0;
    margin-bottom: 2rem;
}

.cta p {
    margin-bottom: 0;
}

.video {
    text-align: center;
    margin-bottom: 1.5rem;
}

.video .wrap {
    max-width: var(--layout-md);
    margin-left: auto;
    margin-right: auto;
}

.video .player {
    position: relative;
}

.video .player:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
}

.intro {
    text-align: center;
    margin-bottom: 2rem;
}

.intro .join {
    font-size: .9375rem;
}

.intro .note {
    font-size: .75rem;
}

.contests {
    text-align: center;
    padding-top: 2.5rem;
    padding-bottom: .5rem;
}

.contest {
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.contest:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 16rem;
    max-width: 100%;
    border-bottom: 1px solid var(--color-aqua-shade);
}

.contest:last-child:after {
    content: none;
}

.contest .title {
    font-size: 2rem;
}

.contest .date {
    font-size: .75rem;
    margin-bottom: .5rem;
}

.contest .date span {
    display: inline-block;
    padding: .125rem .375rem;
    border: 1px solid;
    border-radius: .25rem;
}

.contest .value {
    font-size: 5.625rem;
    letter-spacing: -.06em;
    margin-bottom: 0;
}

.contest .value ~ .value {
    font-size: 3.75rem;
}

.contest .prize {
    margin-bottom: .5rem;
}

.contest .prize sup {
    font-size: .5em;
}

.contest .prize span {
    font-size: .6125rem;
}

.contest .note {
    font-size: .6875rem;
}

.steps {
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
}

.steps .wrap {
    max-width: var(--layout-md);
    margin-left: auto;
    margin-right: auto;
}

.steps .title {
    text-align: center;
}

.steps .desc {
    text-align: center;
    max-width: 40rem;
    padding: 0 1rem;
    margin: 0 auto;
}

.steps .chapter {
    margin-top: 2rem;
}

.steps .bullet {
    margin-bottom: 0;
}

.steps .note {
    text-align: center;
    font-size: .875rem;
    padding: 0 2rem;
}

.faqs {
    padding-top: 2.5rem;
    padding-bottom: 2rem;
}

.faqs .wrap {
    max-width: var(--layout-sm);
    margin-left: auto;
    margin-right: auto;
}

.faqs .title {
    text-align: center;
    margin-bottom: 2rem;
}

.faqs details:last-child {
    margin-bottom: 0;
    border: 0;
}

@media (min-width: 992px) {
    .logo-benzinga img {
        width: 100px;
    }
    .logo-tradezero img {
        width: 80px;
    }
    .hero {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }
    .hero .benzinga img {
        width: 250px;
    }
    .hero .join {
        font-size: 1.5rem;
        margin-bottom: 0;
    }
    .hero .compete {
        font-size: 1.75rem;
        margin-bottom: 0;
    }
    .hero .value {
        font-size: 5rem;
    }
    .hero .tradezero img {
        width: 250px;
    }
    .cta {
        font-size: 2.125rem;
        padding: 2.75rem 0;
        margin-bottom: 5rem;
    }
    .video {
        margin-bottom: 2.5rem;
    }
    .intro {
        margin-bottom: 4rem;
    }
    .intro .join {
        font-size: 1.75rem;
    }
    .intro .note {
        font-size: .875rem;
    }
    .contests {
        padding-top: 5rem;
        padding-bottom: 3rem;
    }
    .contest .title {
        font-size: 4rem;
        margin-bottom: .5rem;
    }
    .contest .date {
        font-size: 1.25rem;
        margin-bottom: -.5rem;
    }
    .contest .value {
        font-size: 11.25rem;
    }
    .contest .value ~ .value {
        font-size: 5rem;
    }
    .contest .prize {
        font-size: 1.5rem;
    }
    .contest .prize span {
        font-size: 1rem;
    }
    .contest .note {
        font-size: .9375rem;
    }
    .contest:after {
        width: 35rem;
    }
    .steps .desc {
        font-size: 1.375rem;
    }
    .steps .note {
        font-size: 1rem;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .faqs {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

.standard {
    padding-top: 2rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.standard .wrap {
    max-width: var(--layout-lg);
    margin-left: auto;
    margin-right: auto;
}

.reg-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.reg-hero {
    max-width: var(--layout-xs);
    margin-left: auto;
    margin-right: auto;
}

.reg-title {
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.reg-note {
    font-size: .75rem;
    text-align: center;
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
}

.reg-read {
    font-size: .75rem;
}

.reg-read .bullet {
    margin-bottom: 1rem;
}

.reg-def {
    font-size: .75rem;
}

.form {
    max-width: var(--layout-sm);
    margin-left: auto;
    margin-right: auto;
}

.form .label {
    display: block;
}

.reg-def .label {
    display: flex;
    align-items: flex-start;
    column-gap: .25rem;
}

.form .control,
.form .button {
    display: inline-block;
    font: inherit;
    -webkit-appearance: none;
}

.form .control {
    font-size: .8125rem;
    width: 100%;
    height: 2.25rem;
    padding: 0 .5rem;
    background-color: var(--color-white);
    color: var(--color-black);
    box-shadow: none;
    border: 0;
    border-radius: .25rem;
    transition: box-shadow .1s;
}

.form .control::placeholder,
.form .select:invalid {
    opacity: 1;
    color: var(--color-gray);
}

.form .control:focus,
.form .button:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 2px var(--color-green);
}

.form .select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' fill='none' viewBox='0 0 18 11'%3E%3Cpath fill='%23717171' fill-rule='evenodd' d='M.337 1.988a1.174 1.174 0 0 1 0-1.647 1.144 1.144 0 0 1 1.63 0l6.865 6.94 6.865-6.94a1.144 1.144 0 0 1 1.629 0c.45.454.45 1.192 0 1.647l-7.68 7.764c-.45.455-1.18.455-1.629 0L.337 1.988Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-size: .6125rem .6125rem;
    background-repeat: no-repeat;
}

.form .button {
    font-size: .9375rem;
    padding: .5rem 1.5rem;
    border: 0;
    box-shadow: none;
    border-radius: 2rem;
    background-color: var(--color-button-default);
    color: var(--color-white);
    cursor: pointer;
    transition: background-color .2s;
}

.form .button:hover {
    background-color: var(--color-button-hover);
}

.form .control:user-invalid {
    box-shadow: inset 0 0 0 2px var(--color-red);
}

.form .radio:user-invalid {
    box-shadow: 0 0 0 1px var(--color-red);
}

.form .radio:user-invalid ~ .caption {
    color: var(--color-red);
}

.form .action {
    text-align: center;
    margin-top: 2rem;
}

.success {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.success .title {
    font-size: 1.375rem;
}

.success .body {
    font-size: .875rem;
}

.success .note {
    font-size: .75rem;
    margin-top: 2rem;
}

.legal-title {
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    .standard {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }
    .document {
        font-size: 16px;
    }
    .form .row {
        display: flex;
        column-gap: 1rem;
    }
    .form .col {
        flex: 1;
    }
    .success {
        max-width: var(--layout-md);
        margin-left: auto;
        margin-right: auto;
        padding: 3rem;
        background-color: var(--color-black);
        border-radius: 1rem;
    }
    .success .title {
        font-size: 1.75rem;
        letter-spacing: -.04em;
    }
    .success .body {
        font-size: 1.125rem;
    }
}

/* Footer */

.footer {
    padding-bottom: 1.5rem;
}

.footer .wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: var(--layout-xl);
    margin-left: auto;
    margin-right: auto;
}

.footer .links {
    font-size: .75rem;
}

.footer .links a {
    text-decoration: none;
}

@media (min-width: 992px) {
}

/* Widget */

#eapps-countdown-timer-1 {
    padding: 0;
}

#eapps-countdown-timer-1 .eapps-countdown-timer-container .eapps-countdown-timer-header-title-text {
    font-size: .875rem;
}

#eapps-countdown-timer-1 .eapps-countdown-timer-container .eapps-countdown-timer-item-group-label {
    font-size: .75rem;
}

#eapps-countdown-timer-1 .eapps-countdown-timer-container .eapps-countdown-timer-item-container {
    margin-top: .5rem;
}

#eapps-countdown-timer-1 .eapps-countdown-timer-container .eapps-countdown-timer-item {
}

#eapps-countdown-timer-1 .eapps-countdown-timer-container .eapps-countdown-timer-item .eapps-countdown-timer-item-value {
    font-family: ui-monospace, monospace;
    background-color: var(--color-green);
    color: var(--color-black);
}

#eapps-countdown-timer-1 .eapps-countdown-timer-container .eapps-countdown-timer-item .eapps-countdown-timer-item-value * {
    color: inherit !important;
}

@media (min-width: 992px) {
    #eapps-countdown-timer-1 .eapps-countdown-timer-container .eapps-countdown-timer-header-title-text {
        font-size: 1.25rem;
    }
}

/* Accessibility */

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0,0,0,0);
    clip-path: inset(50%);
    white-space: nowrap;
    overflow: hidden;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    clip-path: none;
    white-space: normal;
    overflow: visible;
}

/* Fonts */

@font-face {
    font-family: "poppins";
    src: url("../font/poppins-light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "poppins";
    src: url("../font/poppins-regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "poppins";
    src: url("../font/poppins-medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "poppins";
    src: url("../font/poppins-semibold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "poppins";
    src: url("../font/poppins-bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}