.simple-auth { display: block; width: 100%; max-width: 430px; margin: clamp(20px,8vh,95px) auto 45px; }
.simple-auth .auth-card { padding: 30px; border-radius: 24px; }
.simple-auth .auth-card h2 { margin-bottom: 22px; font-size: 25px; }
.simple-auth .auth-card input { font-size: 16px; min-height: 50px; }
.simple-auth .auth-card label { font-size: 16px; }
.simple-auth .wide { margin-top: 22px; min-height: 50px; font-size: 16px; }
#loginName::placeholder { text-align: right; direction: rtl; }
.first-login-key { display: inline-grid; place-items: center; width: 54px; height: 54px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(135deg,var(--soft),var(--soft-two)); font-size: 28px; margin-bottom: 14px; }
.simple-auth .first-login-hint { font-size: 16px; line-height: 1.8; margin-top: -10px; margin-bottom: 19px; }
.simple-auth .field-hint { font-size: 14px; }
@media (max-width: 480px) {
  .simple-auth { margin: 22px auto 30px; }
  .simple-auth .auth-card { padding: 24px; }
}