/* Giriş ve bayi başvurusu */

.auth-wrap { max-width: 460px; margin: 2rem auto; }
.auth-card { border: 1px solid var(--mh-mid-gray); border-radius: var(--mh-radius); padding: 2rem; background: #fff; }
.auth-card h1 { font-size: 1.5rem; }
.apply-hero { background: var(--mh-dark); border-radius: var(--mh-radius); padding: 2.25rem; color: #fff; height: 100%; }
.apply-hero h2 { color: #fff; }
.apply-hero .step { display: flex; gap: .9rem; margin-top: 1.1rem; }
.apply-hero .step .n { width: 32px; height: 32px; border-radius: 50%; background: var(--mh-primary); color: var(--mh-on-primary); font-weight: 800; display: grid; place-items: center; flex: 0 0 auto; }
.apply-hero .step p { color: #cfd3dc; font-size: .88rem; margin: 0; }
.apply-hero .step strong { color: #fff; display: block; }
.demo-box { background: var(--mh-primary-tint); border: 1px dashed var(--mh-primary-light); border-radius: var(--mh-radius-sm); padding: .8rem 1rem; font-size: .8rem; }
.demo-box code { color: var(--mh-dark); font-weight: 700; background: #fff; padding: .1rem .35rem; border-radius: 4px; }

@media (max-width: 575.98px) {
  .auth-wrap { margin: 1rem auto; padding: 0; }
  .auth-card { padding: 1.25rem; border-radius: 14px; }
  .auth-card h1 { font-size: 1.3rem; }
  .apply-hero { padding: 1.35rem; margin-bottom: 1rem; }
  .auth-card .form-control,
  .auth-card .form-select { font-size: 16px; }
}