.mp-auth{
    min-height:100vh;
    padding:34px 18px 70px;
    background:
      radial-gradient(circle at 15% 15%,rgba(37,99,235,.14),transparent 32%),
      radial-gradient(circle at 90% 20%,rgba(6,182,212,.12),transparent 28%),
      linear-gradient(145deg,#f8fbff,#eef4ff);
    color:#172033;
}
.mp-auth-shell{max-width:620px;margin:auto}
.mp-auth-top{
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:30px;
}
.mp-auth-brand{
    display:flex;align-items:center;gap:12px;
    font-weight:900;font-size:24px;color:#172033;text-decoration:none
}
.mp-auth-logo{
    width:50px;height:50px;border-radius:16px;
    display:grid;place-items:center;color:#fff;font-size:25px;font-weight:900;
    background:linear-gradient(145deg,#2867f0,#13b8d1);
    box-shadow:0 12px 24px rgba(37,99,235,.25),inset 0 1px 1px rgba(255,255,255,.55);
}
.mp-auth-lang{
    border:1px solid #dce4f0;background:rgba(255,255,255,.86);
    border-radius:15px;padding:12px 17px;font-weight:800;cursor:pointer;
    box-shadow:0 8px 18px rgba(20,40,80,.08)
}
.mp-auth-card{
    background:rgba(255,255,255,.9);
    border:1px solid rgba(205,216,233,.9);
    border-radius:30px;padding:34px;
    box-shadow:0 25px 55px rgba(38,65,110,.13),
               0 8px 0 rgba(210,220,237,.42);
    backdrop-filter:blur(14px);
}
.mp-auth-card h1{margin:0 0 8px;font-size:34px}
.mp-auth-sub{margin:0 0 28px;color:#778196;font-size:17px}
.mp-auth label{display:block;margin:18px 0 8px;font-weight:800}
.mp-auth input{
    width:100%;box-sizing:border-box;border:1px solid #d4dce8;
    background:#fff;border-radius:17px;padding:16px 17px;font-size:17px;
    outline:none;transition:.2s;
    box-shadow:inset 0 2px 5px rgba(25,45,75,.035)
}
.mp-auth input:focus{
    border-color:#2b6cf0;
    box-shadow:0 0 0 4px rgba(43,108,240,.1)
}
.mp-auth-submit{
    width:100%;border:0;border-radius:18px;margin-top:25px;padding:17px;
    color:#fff;font-size:18px;font-weight:900;cursor:pointer;
    background:linear-gradient(135deg,#3168f0,#12b9d0);
    box-shadow:0 14px 25px rgba(37,99,235,.25),0 6px 0 #dce7fa;
}
.mp-auth-submit:active{transform:translateY(3px);box-shadow:0 8px 15px rgba(37,99,235,.2)}
.mp-auth-foot{text-align:center;margin-top:25px;color:#727d91}
.mp-auth-foot a{color:#2868e8;font-weight:900;text-decoration:none}
.mp-auth-error{
    background:#fff1f2;color:#be123c;border:1px solid #fecdd3;
    padding:13px 15px;border-radius:14px;margin-bottom:18px
}
@media(max-width:600px){
 .mp-auth{padding:22px 16px 50px}
 .mp-auth-card{padding:25px 20px;border-radius:25px}
 .mp-auth-card h1{font-size:29px}
 .mp-auth-brand{font-size:21px}
}