.mp-auth{display:flex;align-items:center;justify-content:center;min-height:62vh;padding-block:clamp(2.5rem,6vw,4.5rem)}
.mp-auth__wrap{width:100%;max-width:30rem;margin-inline:auto;padding-inline:1.2rem}
.mp-auth--wide .mp-auth__wrap{max-width:42rem}
.mp-authform--grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.3rem}
.mp-authform--grid .mp-check,.mp-authform--grid .mp-auth__btn{grid-column:1/-1}
.mp-auth__card{position:relative;background-image:linear-gradient(160deg,var(--mp-surface-2),var(--mp-surface));border:2px solid var(--mp-line-2);border-radius:1.6rem;padding:clamp(1.6rem,4vw,2.4rem);box-shadow:0 30px 60px -28px rgba(0,0,0,.65)}
.mp-auth__head{text-align:center;margin-bottom:1.6rem}
.mp-auth__head .mp-kicker{justify-content:center}
.mp-auth__title{font-family:var(--mp-fd);font-weight:700;font-size:clamp(1.5rem,3vw,2rem);line-height:1.12;color:var(--mp-ink);margin-top:.8rem}
.mp-auth__sub{font-size:1rem;line-height:1.5;color:var(--mp-soft);margin-top:.6rem}
.mp-authform{display:flex;flex-direction:column;gap:1rem}
.mp-form__input:hover:not(:focus){border-color:var(--mp-line)}
.mp-auth__btn{width:100%;justify-content:center;margin-top:.4rem}
.mp-auth__switch{text-align:center;font-size:1rem;color:var(--mp-soft);margin-top:1.3rem}
.mp-auth__switch a{color:var(--mp-honey);font-weight:700;text-decoration:none}
.mp-auth__switch a:hover{text-decoration:underline}
.mp-check{position:relative;display:flex;align-items:flex-start;gap:.7rem;font-size:1rem;line-height:1.45;color:var(--mp-soft);cursor:pointer}
.mp-check input{position:absolute;opacity:0;width:0;height:0}
.mp-check__box{flex:0 0 auto;width:1.4rem;height:1.4rem;border-radius:.45rem;border:2px solid var(--mp-line-2);background:var(--mp-plum-2);display:grid;place-items:center;margin-top:.1rem;transition:border-color .2s ease,background-color .2s ease}
.mp-check__box .mp-ic{width:1rem;height:1rem;color:#3a2410;opacity:0;transition:opacity .15s ease}
.mp-check input:checked+.mp-check__box{background-image:var(--mp-grad-honey);border-color:var(--mp-honey-d)}
.mp-check input:checked+.mp-check__box .mp-ic{opacity:1}
.mp-check input:focus-visible+.mp-check__box{box-shadow:0 0 0 4px rgba(255,176,31,.18)}
.mp-check a{color:var(--mp-honey);text-decoration:none}
.mp-check a:hover{text-decoration:underline}
.mp-auth__thanks{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.55rem}
.mp-auth__thanks .mp-icchip{margin-bottom:.5rem}
.mp-auth__thanks h2{font-family:var(--mp-fd);font-weight:700;font-size:1.5rem;color:var(--mp-ink)}
.mp-auth__thanks p{font-size:1.02rem;line-height:1.55;color:var(--mp-soft);max-width:22rem}
.mp-auth__thanks .mp-btn{margin-top:1rem}

@media (max-width:560px){
  .mp-authform--grid{grid-template-columns:1fr}
}