/* RDVMA v3.6.1 — authentication polish */
.auth-main{
  background:linear-gradient(180deg,#f7f9fd 0%,#f3f6fb 100%)!important;
  padding:30px clamp(32px,5vw,72px)!important;
  position:relative;
}
.auth-topline{
  width:100%;
  max-width:610px;
  margin:0 auto 22px;
}
.auth-card{
  width:100%!important;
  max-width:610px!important;
  margin:auto!important;
  padding:34px 36px!important;
  background:#fff!important;
  border:1px solid #e5eaf2!important;
  border-radius:28px!important;
  box-shadow:0 24px 65px rgba(28,45,76,.10)!important;
}
.auth-heading{margin-bottom:24px}
.auth-heading>span{color:#4969e8!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important}
.auth-heading h2{font-size:clamp(28px,2.2vw,36px)!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#14263f!important;margin:9px 0 10px!important}
.auth-heading p{color:#66738a!important;font-size:14px!important;line-height:1.62!important;margin:0!important;max-width:530px}
.auth-form{display:grid!important;gap:18px!important}
.auth-form .field{display:grid!important;gap:8px!important;margin:0!important}
.auth-form .field label{font-size:12px!important;font-weight:850!important;color:#384860!important;margin:0!important}
.auth-form .input{
  width:100%!important;
  min-height:54px!important;
  padding:13px 15px!important;
  background:#fbfcfe!important;
  border:1px solid #dce3ed!important;
  border-radius:14px!important;
  font-size:15px!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
}
.auth-form .input:focus{background:#fff!important;border-color:#8ea4f4!important;box-shadow:0 0 0 4px rgba(73,105,232,.09)!important;outline:none!important}
.turnstile-wrap{margin-top:2px;padding:12px 14px;border:1px solid #e8ecf3;border-radius:14px;background:#fafbfd;overflow:hidden}
.auth-submit{min-height:50px!important;border-radius:13px!important;margin-top:2px!important}
.auth-switch{margin-top:24px!important;padding-top:19px!important;border-top:1px solid #edf0f4!important}
.auth-real-wa-preview{position:relative;z-index:2;width:min(430px,100%);margin-top:26px}
.auth-real-wa-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#dfe8ff;font-size:11px;font-weight:800}
.auth-real-wa-label i{color:#35d087}
.auth-real-wa-preview img{display:block;width:100%;height:218px;object-fit:cover;object-position:top;border-radius:18px;border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 52px rgba(0,0,0,.24)}
.auth-real-wa-caption{margin-top:8px;color:#bfcce3;font-size:10px;line-height:1.45}

@media(max-width:980px){
  .auth-main{padding:24px!important}
  .auth-card{max-width:560px!important;padding:30px!important}
  .auth-topline{max-width:560px}
  .auth-real-wa-preview{display:none!important}
}
@media(max-width:640px){
  .auth-main{padding:16px!important;background:#f7f9fd!important}
  .auth-topline{margin-bottom:14px}
  .auth-card{padding:22px 18px!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(28,45,76,.08)!important}
  .auth-heading{margin-bottom:19px}
  .auth-heading h2{font-size:26px!important}
  .auth-form{gap:15px!important}
  .auth-form .input{min-height:50px!important}
  .turnstile-wrap{padding:9px}
}
