*{box-sizing:border-box}
body{
    margin:0;
    min-height:100vh;
    font-family:"Segoe UI Variable","Aptos","Segoe UI",Arial,sans-serif;
    color:#26342e;
    background:
        radial-gradient(circle at 8% 4%,rgba(226,236,229,.76),transparent 27%),
        radial-gradient(circle at 94% 2%,rgba(242,231,212,.75),transparent 26%),
        #f6f5f1;
}
.mi-wrap{
    width:min(980px,calc(100% - 28px));
    min-height:100vh;
    margin:0 auto;
    display:grid;
    align-items:center;
    padding:30px 0;
}
.mi-shell{
    display:grid;
    grid-template-columns:.92fr 1.08fr;
    min-height:560px;
    overflow:hidden;
    border:1px solid #e4e0d6;
    border-radius:26px;
    background:#fff;
    box-shadow:0 24px 70px rgba(38,50,44,.10);
}
.mi-side{
    padding:38px;
    background:
        radial-gradient(circle at 80% 10%,rgba(212,188,141,.22),transparent 30%),
        linear-gradient(145deg,#edf4ef,#f8f2e8);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.mi-brand{
    font-size:1.35rem;
    font-weight:850;
    letter-spacing:-.045em;
    color:#2f5145;
}
.mi-side h2{
    margin:0 0 10px;
    font-size:2.2rem;
    line-height:1;
    letter-spacing:-.055em;
}
.mi-side p{
    margin:0;
    color:#74807a;
    font-size:.82rem;
    line-height:1.55;
}
.mi-bullets{
    display:grid;
    gap:10px;
    margin-top:25px;
}
.mi-bullet{
    display:flex;
    gap:9px;
    align-items:center;
    font-size:.72rem;
    color:#526159;
}
.mi-bullet i{
    width:27px;height:27px;border-radius:9px;display:grid;place-items:center;
    background:rgba(255,255,255,.72);font-style:normal;
}
.mi-card{
    padding:42px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#fff;
}
.mi-kicker{
    color:#9a8052;
    text-transform:uppercase;
    font-size:.58rem;
    font-weight:900;
    letter-spacing:.15em;
}
.mi-card h1{
    margin:8px 0 7px;
    font-size:2rem;
    letter-spacing:-.05em;
}
.mi-card p{
    color:#7e8782;
    font-size:.76rem;
    line-height:1.5;
    margin:0 0 20px;
}
.mi-form{
    display:grid;
    gap:13px;
}
.mi-field label{
    display:block;
    margin-bottom:6px;
    font-size:.62rem;
    font-weight:850;
    color:#66736d;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.mi-field input{
    width:100%;
    height:44px;
    border-radius:13px;
    border:1px solid #e0ddd5;
    background:#fdfdfa;
    padding:9px 12px;
    font:inherit;
    color:#334039;
    outline:0;
}
.mi-field input:focus{
    border-color:#9fc1b2;
    box-shadow:0 0 0 4px rgba(67,116,96,.08);
}
.mi-submit{
    height:44px;
    border:0;
    border-radius:13px;
    background:linear-gradient(135deg,#315f51,#3d7161);
    color:#fff;
    font-weight:800;
    cursor:pointer;
    margin-top:3px;
}
.mi-error,.mi-ok{
    padding:10px 12px;
    border-radius:12px;
    font-size:.70rem;
    margin-bottom:12px;
}
.mi-error{
    background:#faece9;border:1px solid #efd5d0;color:#9b514c;
}
.mi-ok{
    background:#edf5f1;border:1px solid #d7e7df;color:#46715f;
}
.mi-links{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-top:18px;
    font-size:.68rem;
}
.mi-links a{
    color:#446859;
    text-decoration:none;
    font-weight:750;
}
.mi-small{
    color:#969d99;
    font-size:.62rem;
    line-height:1.45;
    margin-top:18px;
}
@media(max-width:760px){
    .mi-shell{grid-template-columns:1fr}
    .mi-side{padding:28px}
    .mi-card{padding:30px 24px}
}