/* Custom overrides for E-Complain home */
body.landing {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: linear-gradient(180deg, #f5f7fb 0%, #eef2f7 100%);
}

#banner {
  padding: 4rem 0;
}

.hero-card {
  max-width: 980px;
  margin: 0 auto;
  background: rgba(255,255,255,0.95);
  border-radius: 14px;
  padding: 2.2rem 2.6rem;
  box-shadow: 0 10px 30px rgba(20,30,50,0.08);
  text-align: center;
}

.brand { display:flex; align-items:center; gap:16px; justify-content:center; }
.brand .logo { width:64px; height:64px; border-radius:8px; object-fit:contain; }
.brand-text h1 { margin:0; font-size:1.8rem; color:#0b2545; }
.brand-text .caption { margin:4px 0 0; color:#41566a; font-size:0.95rem; }

.lead { color:#2b4866; font-size:1.05rem; margin:16px 0 20px; }

.actions-row { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.button.big { padding:0.85rem 1.8rem; font-size:1rem; border-radius:8px; display:inline-flex !important; align-items:center !important; justify-content:center !important; text-align:center; letter-spacing:2.8px; font-weight:700; box-sizing:border-box; min-width:200px; text-transform:uppercase; line-height:1 !important; height:auto; margin:0; }
.button.primary.big { background:#0b66cc !important; border: none !important; color:#fff !important; box-shadow:0 6px 18px rgba(11,102,204,0.18) !important; transition: transform .12s ease, box-shadow .12s ease, background .12s ease; display:inline-flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; }
.button.primary.big:hover { transform: translateY(-3px); background:#0a5bb3 !important; box-shadow:0 10px 26px rgba(11,102,204,0.22) !important; }
.button.disabled { opacity:0.45; pointer-events:none; filter:grayscale(10%); box-shadow:none; }
.button.big:hover { transform:translateY(-2px); }

/* Footer tweaks */
#footer { margin-top:2.4rem; }

@media (max-width:640px) {
  .brand { flex-direction:row; }
  .brand-text h1 { font-size:1.4rem; }
  .hero-card { padding:1.4rem; }
  .actions-row { gap:10px; }
  .button.big { min-width:0; width:100%; max-width:320px; }
}