/* SNLoc — Signup page (inherits snloc-ui.css)
   Focus: rock-solid responsiveness (iPhone, Android, tablets incl. 853×1280)
*/

/* iOS text sizing stability */
html { -webkit-text-size-adjust: 100%; }

/* Hero (coherent with login/contact) */
.signup-hero{
  background: radial-gradient(1100px 450px at 0% -10%, rgba(14,165,233,.12), transparent 60%),
              radial-gradient(1100px 450px at 100% 110%, rgba(14,165,233,.10), transparent 60%),
              #ffffff;
}
.signup-hero .hero-icon{
  width: 56px; height: 56px;
  border-radius: 16px;
  display: grid; place-items: center;
  background: rgba(14,165,233,.12);
  color: #0ea5e9;
  font-size: 26px;
}

/* Modern inputs (coherent with other pages) */
.form-control-modern{
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  padding: .7rem .9rem;
  box-shadow: 0 1px 0 rgba(2,6,23,.02) inset;
}
.form-control-modern:focus{
  border-color: #0ea5e9;
  box-shadow: 0 0 0 .25rem rgba(14,165,233,.15);
  outline: none;
}

/* Input-group never overflows on small screens */
.input-group-modern { flex-wrap: nowrap; }
.input-group-modern .input-group-text{ background:#fff; border-color:#e5e7eb; }
.input-group-modern .form-control{
  border-color:#e5e7eb;
  min-width: 0;             /* allow shrinking inside flex */
}
.input-group-modern .form-control:focus{
  border-color:#0ea5e9;
  box-shadow: 0 0 0 .25rem rgba(14,165,233,.15);
}
.input-group-modern .btn{ border-color:#e5e7eb; }

/* Card/alert look already shared via snloc-ui.css */

/* Mobile comfort: reduce paddings to avoid cramped viewport */
@media (max-width: 576.98px){
  .card-body { padding: 1rem !important; }
  .btn { padding: .6rem .9rem; }
}

/* Tablet band fix (incl. 820–900 & 853×1280) — tighten vertical rhythm a bit */
@media (min-width: 820px) and (max-width: 900.98px){
  .card-body { padding: 1.25rem 1.25rem 1.5rem !important; }
}

/* Scroll safety */
html, body{ height: auto !important; }
body{
  min-height: 100svh;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;  /* kill any horizontal scroll */
}