:disabled {
    color: inherit;
    pointer-events: none;
}


:focus {
    outline: none;
}


:hover {
    -webkit-tap-highlight-color: transparent;
}


:root {
    --color--brand-navy: #0F1940;
    --color--brand-teal: #18BBCF;
    --color--brand-crimson: #EF4159;
    --color--brand-amber: #FFCF35;

    --color--dark-blue: #010823;

    --color--white: #FFFFFF;
    --color--white-transparent-25: #FFFFFF40;
    --color--white-transparent-50: #FFFFFF80;
    --color--white-transparent-95: #FFFFFFF2;

    --color--success-green: #1FC88E;
    --color--error-red: #F45B69;

    --color--facebook: #1877F2;
    --color--facebook-transparent-10: #1877F21A;
    --color--instagram: #C32AA3;
    --color--instagram-transparent-10: #C32AA31A;
    --color--tiktok: #010101;
    --color--tiktok-transparent-10: #0101011A;
    --color--linkedin: #0A66C2;
    --color--linkedin-transparent-10: #0A66C21A;
    --color--youtube: #FF0000;
    --color--youtube-transparent-10: #FF00001A;

    --height--viewport: var(--height--window, 100vh);
    --width--viewport: calc(100vw - var(--width--scrollbar));
    --width--container-small: 800px;
    --width--container-large: calc(var(--width--viewport) - (72px * 2));
}



::placeholder {
    color: var(--color--medium-grey);
}


::selection {
    background-color: var(--color--brand);
    color: var(--color--white);
}



::-moz-focus-inner {
    border: none;
}


::-moz-placeholder {
    opacity: 1;
}


::-webkit-search-cancel-button {
    display: none;
}



a {
    color: inherit;
    text-decoration: none;
}


body {
    background-color: var(--color--brand-navy);
    color: var(--color--white);
    font-family: "Archivo";
    font-size: 18px;
    margin: 0;
    min-height: var(--height--viewport);
}


button {
    cursor: pointer;
    font: inherit;
    text-align: inherit;
    text-transform: inherit;
    user-select: none;
}


dialog {
    background-color: transparent;
    border: none;
    color: inherit;
    width: auto;
}


fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


html {
    line-height: 1.2;
}


img {
    pointer-events: none;
    user-select: none;
}


input[type="email"],
input[type="text"] {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--color--lightest-grey);
    box-sizing: border-box;
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 29px 0 9px;
    user-select: none;
    width: 100%;
}

input[type="checkbox"] {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
}

input[type="radio"] {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
}


label {
    display: block;
}


legend {
    padding: 0;
}


svg {
    display: block;
    fill: currentColor;
    pointer-events: none;
}


textarea {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--color--lightest-grey);
    box-sizing: border-box;
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    padding: 27px 0 7px;
    resize: none;
    width: 100%;
}



@media (max-width: 1399px) {
    :root {
        --width--container-large: calc(var(--width--viewport) - (64px * 2));
    }
}



@media (max-width: 1299px) {
    :root {
        --width--container-large: calc(var(--width--viewport) - (48px * 2));
    }
}



@media (max-width: 1024px) {
    :root {
        --width--container-large: calc(var(--width--viewport) - (24px * 2));
    }
}



@media (max-width: 779px) {
    :root {
        --width--container-large: calc(var(--width--viewport) - (16px * 2));
    }
}