@media (max-width:720px){
  body.install{display:block;min-height:100vh;padding:0;background:#f4f7fb}
  .auth-card{width:100%;min-height:100vh;margin:0;padding:20px 16px 30px;border:0;border-radius:0;box-shadow:none}
  .public-head{margin-bottom:16px}
  .public-head h1{font-size:25px;line-height:1.2;margin:10px 0 6px}
  .public-head p{margin:0;font-size:14px}
  .church-logo{width:min(180px,65vw);height:82px;margin-bottom:8px}
  .grid.two,.grid.three{grid-template-columns:1fr;gap:0}
  label{margin-bottom:15px;font-size:14px}
  input,select,textarea{min-height:48px;padding:12px;font-size:16px;border-radius:11px}
  input[type=file]{height:auto;min-height:52px;padding:10px;overflow:hidden}
  textarea{min-height:96px}
  h2{font-size:20px;margin:24px 0 12px}
  fieldset{margin:12px 0 15px;padding:13px 12px}
  legend{font-size:14px;line-height:1.35}
  .radio{width:calc(50% - 8px);min-height:42px;margin:3px 4px 3px 0;padding:9px 12px;border:1px solid #d8e2ef;border-radius:10px;background:#fff}
  .radio input{min-height:0}
  form>button[type=submit]{width:100%;min-height:50px;font-size:16px;margin-top:8px}
  .modal-backdrop{padding:16px}
  .success-modal{padding:26px 18px;border-radius:18px}
  .success-modal button{width:100%;min-height:48px}
}
@media (max-width:360px){
  .auth-card{padding-left:12px;padding-right:12px}
  .radio{width:100%;margin-right:0}
}