/* ==================================================
   DESKTOP / DEFAULT
   ================================================== */
.ok-auth-form{display:grid;gap:14px}.ok-auth-form label{display:grid;gap:6px;font-weight:650}.ok-auth-form input{min-height:48px;border:1px solid #a2a9b1;border-radius:11px;padding:0 12px}.ok-link-button{border:0;background:transparent;color:var(--ok-blue);padding:9px}.ok-account-card{border:1px solid #c8ccd1;border-radius:12px;padding:18px;display:grid;gap:4px;margin-bottom:14px}.ok-account-card span{color:var(--ok-muted);font-size:13px}.ok-account-card strong{font-size:21px}

/* ==================================================
   MAX-WIDTH: 600PX
   ================================================== */
@media (max-width: 600px) {
  .ok-auth-form input{width:100%;min-width:0;min-height:50px;font-size:16px}
  .ok-auth-form .ok-button-primary,.ok-auth-form button[type=submit]{width:100%;min-height:50px}
}

/* ==================================================
   MAX-WIDTH: 430PX
   ================================================== */
@media (max-width: 430px) {
  .ok-account-card{padding:15px}
  .ok-account-card strong{font-size:19px}
}

/* ==================================================
   MAX-WIDTH: 390PX
   ================================================== */
@media (max-width: 390px) {
  .ok-auth-form{gap:12px}
}