@font-face {
    font-family: 'Inter';
    src: url('/Inter/Inter-Black.eot');
    src: url('/Inter/Inter-Black.eot?#iefix') format('embedded-opentype'),
        url('/Inter/Inter-Black.woff2') format('woff2'),
        url('/Inter/Inter-Black.woff') format('woff'),
        url('/Inter/Inter-Black.ttf') format('truetype'),
        url('/Inter/Inter-Black.svg#Inter-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/Inter/Inter-Bold.eot');
    src: url('/Inter/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('/Inter/Inter-Bold.woff2') format('woff2'),
        url('/Inter/Inter-Bold.woff') format('woff'),
        url('/Inter/Inter-Bold.ttf') format('truetype'),
        url('/Inter/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/Inter/Inter-ExtraBold.eot');
    src: url('/Inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/Inter/Inter-ExtraBold.woff2') format('woff2'),
        url('/Inter/Inter-ExtraBold.woff') format('woff'),
        url('/Inter/Inter-ExtraBold.ttf') format('truetype'),
        url('/Inter/Inter-ExtraBold.svg#Inter-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/Inter/Inter-ExtraLight.eot');
    src: url('/Inter/Inter-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/Inter/Inter-ExtraLight.woff2') format('woff2'),
        url('/Inter/Inter-ExtraLight.woff') format('woff'),
        url('/Inter/Inter-ExtraLight.ttf') format('truetype'),
        url('/Inter/Inter-ExtraLight.svg#Inter-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/Inter/Inter-Medium.eot');
    src: url('/Inter/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('/Inter/Inter-Medium.woff2') format('woff2'),
        url('/Inter/Inter-Medium.woff') format('woff'),
        url('/Inter/Inter-Medium.ttf') format('truetype'),
        url('/Inter/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/Inter/Inter-Regular.eot');
    src: url('/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('/Inter/Inter-Regular.woff2') format('woff2'),
        url('/Inter/Inter-Regular.woff') format('woff'),
        url('/Inter/Inter-Regular.ttf') format('truetype'),
        url('/Inter/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/Inter/Inter-Light.eot');
    src: url('/Inter/Inter-Light.eot?#iefix') format('embedded-opentype'),
        url('/Inter/Inter-Light.woff2') format('woff2'),
        url('/Inter/Inter-Light.woff') format('woff'),
        url('/Inter/Inter-Light.ttf') format('truetype'),
        url('/Inter/Inter-Light.svg#Inter-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/Inter/Inter-SemiBold.eot');
    src: url('/Inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/Inter/Inter-SemiBold.woff2') format('woff2'),
        url('/Inter/Inter-SemiBold.woff') format('woff'),
        url('/Inter/Inter-SemiBold.ttf') format('truetype'),
        url('/Inter/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/Inter/Inter-Thin.eot');
    src: url('/Inter/Inter-Thin.eot?#iefix') format('embedded-opentype'),
        url('/Inter/Inter-Thin.woff2') format('woff2'),
        url('/Inter/Inter-Thin.woff') format('woff'),
        url('/Inter/Inter-Thin.ttf') format('truetype'),
        url('/Inter/Inter-Thin.svg#Inter-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

* {
    outline: none; 
    margin: 0px; 
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

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

*::selection {
    background: var(--cozh-black);
    color: var(--cozh-white);
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: Inter;
    font-style: normal;
    color: var(--cozh-black);
    font-weight: normal;
    line-height: 1.35;
    font-size: 0.9375rem;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    background-color: #E9F1F4;
}

a {
    background-color: transparent;
    color: inherit;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    line-height: 1;
    height: max-content;
    user-select: none;
}

p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: none;
    -webkit-appearance: none;
    font: inherit;
    margin: 0;
}

:root {

    --cozh-dark-grey-code: 170, 180, 185;
    --cozh-dark-grey: rgba(var(--cozh-dark-grey-code), 1);

    --cozh-grey-code: 174, 193, 204;
    --cozh-grey: rgba(var(--cozh-grey-code));

    --cozh-light-grey-code: 217, 228, 235;
    --cozh-light-grey: rgba(var(--cozh-light-grey-code), 1);

    --cozh-blue-code: 0, 141, 210;
    --cozh-blue: rgba(var(--cozh-blue-code), 1);

    --cozh-white-code: 255, 255, 255;
    --cozh-white: rgba(var(--cozh-white-code), 1);

    --cozh-black-code: 11, 40, 54;
    --cozh-black: rgba(var(--cozh-black-code), 1);

    --cozh-red-code: 224, 55, 18;
    --cozh-red: rgba(var(--cozh-red-code), 1);

    --cozh-orange-code: 255, 145, 0;
    --cozh-orange: rgba(var(--cozh-orange-code), 1);

    --cozh-dark-red-code: 117, 0, 0;
    --cozh-dark-red: rgba(var(--cozh-dark-red-code), 1);

    --cozh-green-code: 126, 205, 119;
    --cozh-green: rgba(var(--cozh-green-code), 1);


    --cozh-light-code: 233, 241, 244;
    --cozh-light: rgba(var(--cozh-light-code), 1);

    --cozh-yellow-code: 255, 145, 0;
    --cozh-yellow: rgba(var(--cozh-yellow-code), 1);
    
}

::-webkit-scrollbar {
    width: 4px;
    background: var(--cozh-light-grey);
}
::-webkit-scrollbar-thumb {
    background: rgba(var(--cozh-blue-code), 1);
    -webkit-border-radius: 1ex;
    cursor: pointer;
}
::-webkit-scrollbar-corner {
    background: var(--cozh-light-grey);
}


h1 {

}

h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}




    .auth {
        display: flex;
        flex-direction: row;
        height: 100vh;
    }

    .auth__logo {
      max-width: 268px;
    }

    .auth__title {
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 30px;
    }

    .auth__left {
      background-color: var(--cozh-white);
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: space-between;
      max-width: 600px;

      padding: 50px 70px;
      transition: .3s ease-in-out;
      width: 100%;
    }

    .auth__right {
      width: 100%;
      background-color: var(--cozh-blue);
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
    }

    .auth__right img:first-child{
      margin-bottom: 60px;
      width: 100%;
    }
    .auth__right img:last-child{
      max-width: 660px;
      width: 100%;
    }

    .auth__wrap {
      display: flex;
      flex-direction: column;
      padding: 50px;
      width: 100%;
      max-width: 960px;
    }

    .links {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }

    .link-default {
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      color: var(--cozh-blue);
      position: relative;
      white-space: nowrap;
      display: inline-flex;
    }
    .link-default:hover {
      opacity: .75;
    }
    .link-default span {
      transition: all .2s ease-out;
      border-bottom: 1px solid rgba(var(--cozh-blue-code), .35);
    }
    .link-default span:hover {
      border-color: transparent;
    }




@media (max-width: 1599px) {

    .auth__left {
        max-width: 540px;
        padding: 50px 50px;
    }
    .auth__right img:first-child, .auth__right img:last-child {
        max-width: 620px;
    }
}

@media (max-width: 1199px) {
    .auth__left {
        max-width: 560px;
        border-radius: 4px;
    }
    .auth__right {
        display: none;
    }
    .auth {
        align-items: center;
        justify-content: center;
    }
    .auth__title {
        margin-top: 70px;
    }
}

@media (max-width: 959px) {

}

@media (max-width: 767px) {
    .auth__left {
        padding: 30px;
        margin: 0px 20px;
    }
    .auth__title {
        margin-top: 50px;
        font-size: 24px;
    }
}