*,*::before,*::after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}

* {
    font-family: Montserrat;
}

.auth-page-container {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
}

.auth-form-container {
    padding-left: 200px;
}

.auth-form-container h1 {
    font-size: 21px;
    font-weight: 700;
    color: black;
    margin-bottom: 70px;
}

.description-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 570px;
    width: 100%;
}

.description-container h2 {
    font-size: 28px;
    font-weight: 700;
    color: purple;
}

.description-container p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 100px;
    opacity: 80%;
}

.form-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.authorization-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 495px;
    width: 100%;
}

.authorization-form input[type=text] {
    width: 100%;
    height: 45px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 10px;
    font-size: 14px;
    border: 1px solid rgba(0,0,0, 0.3);
    border-radius: 3px;
    color: rgba(0,0,0, 0.5);
    transition: 0.5s;
}


.authorization-form input[type=text] {
    color: black;
    font-weight: 500;
}

.authorization-form input:focus {
    outline: none;
    /*background: #f6f6f6;*/
    border-color: purple;
}

.authorization-form .control-div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}


.authorization-form .control-div input {
    max-width: 243px;
}

.checkbox-newsletter {
    margin-top: 20px;
}

.checkbox-policy {
    margin-bottom: 50px;
}

.checkbox-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkbox-container input {
    width: 15px;
    height: 15px;
}

.checkbox-container label {
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
    transition: 0.2;
}

.checkbox-container:hover > label {
    color: #21005b;
}

.authorization-form button {
    width: 100%;
    background: white;
    border: 1px solid #7C31FF;
    background: white;
    height: 45px;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.2s;
}

.authorization-form button:hover {
    color: white;
    background: #7C31FF;
}

.form-go-to-main {
    text-decoration: none;
    font-size: 12px;
}

.right-image-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden; /* предотвращает вылаз за пределы */
}

.right-image-container img {
    height: 100%;
    object-fit: cover;
}

.input-error {
    border: 1px solid red !important;
}