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


:focus {
    outline: none;
}


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


:root {
    --color--brand: #343AE1;
    --color--brand-transparent-10: #343AE11A;

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

    --color--lightest-grey: #E0E1E6;
    --color--lightest-grey-transparent-40: #E3E6E966;
    --color--light-grey: #C4CED8;
    --color--medium-grey: #6F758C;
    --color--dark-grey: #1C2A35;
    --color--dark-grey-transparent-50: #1C2A3580;
    
    --color--success-green-transparent-85: #02AF75D9;
    --color--error-red-transparent-85: #F72121D9;
    --color--success-green-transparent: #02AF75;
    --color--error-red-transparent: #F72121;

    --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;

    --color--lime-yellow: #DAE420;
    --color--cerise-pink: #E06190;
    --color--cerise-pink-transparent-40: #E0619066;
    --color--electric-purple: #A640FF;
    --color--vivid-green: #02B15C;
    --color--deep-royal-blue: #283692;
    --color--vivid-sky-blue: #07B0EE;

    --height--viewport: var(--height--window, 100vh);
    --width--container: 800px;
    --width--viewport: calc(100vw - var(--width--scrollbar));
    --width--scrollbar2: var(--width--scrollbar, 15px);
}



::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: #F5F6F7;
    color: #0F1940;
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    margin: 0;
    min-height: var(--height--viewport);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


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;
}


h1 {
    font-size: 27px;
    line-height: 33px;
    margin-top: 0;
}

h2 {
    font-size: 19px;
    font-weight: 400;
    line-height: 27px;
    margin-top: 0;
}

h3 {
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin-top: 0;
}


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;
    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;
}


p {
    line-height: 21px;
}


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;
    line-height: 21px;
    padding: 27px 0 7px;
    resize: none;
    width: 100%;
}



@media (max-width: 823px) {
    :root {
        --width--container: calc(var(--width--viewport) - 24px);
    }
}