@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");

body {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 18px;
    color: #000;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}


.header {-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}


.button {font-size: 15px; line-height: 65px; cursor: pointer; text-align: center; padding: 0 20px; border-radius: 10px; background: #ffdd2c; color: #333; display: inline-block;}
.button:hover {background: #ffcd33;}

.header {position: fixed; top: 0; left: 0; width: 100%; padding: 20px 0; z-index: 10; background: transparent;}
.header-scroll {background: #fff; backdrop-filter: blur(10px); box-shadow: 0 1px 13px rgba(0,0,0,.1);}
.header-items {display: flex; align-items: center; justify-content: space-between;}
.header-logo {width: 35px;}
.header-burger {width: 28px; display: flex; flex-wrap: wrap; align-items: center; height: 24px; cursor: pointer;}
.header-burger-line {height: 1px; background: #212b36; width: 100%;}
.header-burger-line:nth-child(1) {width: 80%;}
.header-burger-line:nth-child(3) {width: 60%;}

.home {background: #ced7df;}
.home-content {flex-grow: 1; padding: 120px 0 90px 0;}
.home-cover {width: 420px; min-width: 420px;}
.home-title {text-align: center; font-family: 'CodecProBold', Arial, sans-serif; font-size: 50px; font-weight: 600; line-height: 62px; margin-bottom: 20px;}
.home-description {text-align: center;}

.title {font-family: 'CodecProBold', Arial, sans-serif; font-size: 44px; font-weight: 600;}

.description {width: 70%; margin-bottom: 50px;}

.form {margin-top: -50px; margin-bottom: 50px;}
.form-container {position: relative; max-width: 800px; margin: 0 auto; background: #fff; backdrop-filter: blur(10px); border-radius: 15px; overflow: hidden; padding: 20px; box-shadow: 0 1px 13px rgba(0,0,0,.1);}
.form-header {margin-bottom: 20px;}
.form-logo {display: flex; align-items: center; justify-content: center; gap: 20px;}
.form-logo-ab {width: 35px;}
.form-logo-tinkoff {width: 180px;}
.form-body {margin-bottom: 40px;}
.form-body-row {margin-bottom: 20px; max-width: 550px; margin: 0 auto 20px auto;}
.form-body-row:last-child {margin: 0 auto;}
.form-button {max-width: 550px; margin: 0 auto 40px auto;}
.form-button .button {width: 100%;}
.form-final {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.form-final-title {text-align: center; font-size: 21px;}
.form-final-description {text-align: center;}
.form-final-hidden {display: none;}
@media (max-width: 1400px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

}

@media (max-width: 480px) {

}