.mvs-auth-page,.mvs-auth-page *{box-sizing:border-box}
.mvs-auth-page{
  --green:#22a06b;
  --green-dark:#19865a;
  --green-soft:#f0faf5;
  --text:#17212b;
  --muted:#68757e;
  --line:#e7ece9;
  min-height:100vh;
  background:#f5f7f6;
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.5;
}
.mvs-auth-page a{text-decoration:none;color:var(--green)}
.mvs-auth-header{background:#fff;border-bottom:1px solid var(--line)}
.mvs-auth-header-inner{
  width:min(1180px,calc(100% - 40px));min-height:76px;margin:auto;
  display:flex;align-items:center;justify-content:space-between;gap:20px
}
.mvs-auth-logo{font-size:25px;font-weight:800;color:var(--text)!important;letter-spacing:-.5px}
.mvs-auth-logo span{color:var(--green)}
.mvs-auth-home{font-size:13px;font-weight:700}
.mvs-auth-main{
  min-height:calc(100vh - 150px);display:flex;align-items:center;justify-content:center;
  padding:52px 16px;
  background:
    radial-gradient(circle at 82% 12%,rgba(34,160,107,.09),transparent 28%),
    #f5f7f6;
}
.mvs-auth-wrap{width:100%}
.mvs-auth-wrap.login-width{max-width:480px}
.mvs-auth-wrap.register-width{max-width:620px}
.mvs-auth-card{
  background:#fff;border-radius:18px;padding:36px;
  box-shadow:0 15px 45px rgba(20,40,30,.08);border:1px solid var(--line)
}
.mvs-auth-eyebrow{text-align:center;color:var(--green);font-size:11px;font-weight:900;letter-spacing:1px;margin-bottom:7px}
.mvs-auth-card h1{text-align:center;font-size:30px;margin:0 0 8px;letter-spacing:-.5px}
.mvs-auth-intro{text-align:center;color:var(--muted);margin:0 0 28px;font-size:15px}
.mvs-auth-group{margin-bottom:18px}
.mvs-auth-group label{display:block;font-weight:700;font-size:14px;margin-bottom:7px}
.mvs-auth-group small{display:block;color:#87918c;font-size:11px;margin-top:5px}
.mvs-auth-control{
  width:100%;height:50px;border:1px solid #d8dfdc;border-radius:10px;
  padding:0 14px;font-size:16px;outline:none;background:#fff;color:var(--text)
}
.mvs-auth-control:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(34,160,107,.10)}
.mvs-auth-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mvs-auth-two.location{grid-template-columns:.7fr 1.3fr}
.mvs-auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mvs-auth-label-row a{font-size:12px}
.mvs-auth-info{
  background:var(--green-soft);border:1px solid #d8eee3;border-radius:11px;
  padding:14px;margin:20px 0;font-size:13px;color:#50645a
}
.mvs-auth-info strong{color:#1d7e57}
.mvs-auth-info p{margin:3px 0 0}
.mvs-auth-check{
  display:flex;align-items:flex-start;gap:10px;margin:16px 0;
  font-size:13px;color:#58656e
}
.mvs-auth-check.compact{align-items:center;margin:4px 0 18px}
.mvs-auth-check input{
  margin-top:3px;width:18px;height:18px;flex:0 0 18px;accent-color:var(--green)
}
.mvs-auth-check.compact input{margin-top:0}
.mvs-auth-btn{
  width:100%;min-height:52px;border:0;border-radius:11px;background:var(--green);
  color:#fff!important;padding:14px 20px;font-size:16px;font-weight:800;cursor:pointer;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(34,160,107,.14)
}
.mvs-auth-btn:hover{background:var(--green-dark)}
.mvs-auth-switch{text-align:center;margin-top:22px;color:var(--muted);font-size:14px}
.mvs-auth-alert{padding:13px 15px;margin:0 0 20px;border-radius:10px;font-size:13px}
.mvs-auth-alert.error{background:#fff2f2;border:1px solid #f0cece;color:#9d3131}
.mvs-auth-alert ul{margin:7px 0 0;padding-left:18px}
.mvs-auth-mini-info{
  display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:18px 0 0;
  color:#758079;font-size:11px
}
.mvs-auth-footer{
  min-height:74px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;
  padding:18px;background:#fff;border-top:1px solid var(--line)
}
.mvs-auth-footer a{color:#66746d!important;font-size:12px}
.mvs-auth-center{max-width:500px;text-align:center;margin:auto}
.mvs-auth-center p{color:var(--muted)}
.mvs-auth-success-icon{
  width:58px;height:58px;margin:0 auto 15px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:var(--green-soft);color:var(--green);
  font-size:26px;font-weight:900
}
@media(max-width:620px){
  .mvs-auth-header-inner{width:calc(100% - 24px);min-height:66px}
  .mvs-auth-logo{font-size:20px}
  .mvs-auth-home{font-size:11px}
  .mvs-auth-main{align-items:flex-start;padding:22px 12px 32px}
  .mvs-auth-card{padding:25px 18px;border-radius:14px}
  .mvs-auth-card h1{font-size:26px}
  .mvs-auth-two,.mvs-auth-two.location{grid-template-columns:1fr;gap:0}
  .mvs-auth-control{height:52px;font-size:16px}
  .mvs-auth-footer{gap:12px}
}

.mvs-password-wrap{position:relative}
.mvs-password-wrap .mvs-auth-control{padding-right:52px}
.mvs-password-toggle{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:38px;height:38px;padding:0;border:0;background:transparent;
  color:var(--green);font-size:22px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;border-radius:8px
}
.mvs-password-toggle:hover{background:var(--green-soft)}
.mvs-password-toggle:focus{outline:2px solid var(--green);outline-offset:1px}