.ml-tf__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,60px);align-items:center}
.ml-tf__title{margin:0}
.ml-tf__card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 18px 40px -26px rgba(0,0,0,.4)}
.ml-tf__top{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.ml-tf__bar{flex:1;height:4px;border-radius:4px;background:#e3e3e3;overflow:hidden}
.ml-tf__bar i{display:block;height:100%;width:12.5%;background:var(--dark);transition:width .3s ease}
.ml-tf__count{font-family:var(--sans);font-size:14px;color:#595959}
.ml-tf__step{display:none}
.ml-tf__step.is-active{display:block}
.ml-tf__step label{display:block;font-family:var(--sans);font-weight:600;margin-bottom:12px;color:var(--ink)}
.ml-tf__step label b{color:#c0392b;margin-left:2px}
.ml-tf__step input{width:100%;padding:13px 14px;border:1px solid #cfcfcf;border-radius:5px;font:inherit;font-size:16px}
.ml-tf__step input:focus{outline:none;border-color:var(--blue-deep)}
.ml-tf__nav{display:flex;align-items:center;gap:14px;margin-top:24px}
.ml-tf__back{width:46px;height:46px;border:1px solid #cfcfcf;border-radius:5px;background:#fff;font-size:18px;cursor:pointer;color:var(--ink)}
.ml-tf__back:disabled{opacity:.4;cursor:default}
.ml-tf__next{flex:1}
.ml-tf__done{margin:16px 0 0;font-family:var(--sans);color:var(--blue-deep);font-weight:600}
@media(max-width:840px){.ml-tf__grid{grid-template-columns:1fr;gap:24px}}