/* Mobile-first Udhaar styles (Bootstrap utilities complemented) */
:root{
  --primary:#0d6efd; /* Bootstrap default primary - override if needed */
  --accent:#0b5ed7;
  --muted:#6c757d;
  --bg:#ffffff;
}
body{
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:#222;
}
.header-brand{
  display:flex;align-items:center;gap:.5rem;
}
.header-brand img{width:36px;height:36px;border-radius:6px}
.hero{
  padding:2.5rem 1rem;
}
.hero .title{font-size:1.6rem;font-weight:700;margin-bottom:.25rem}
.hero .subtitle{color:var(--muted);margin-bottom:1rem}
.btn-primary.btn-lg{padding:.75rem 1.1rem;font-size:1.05rem;border-radius:10px}
.feature-card{background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,0.06);padding:1rem;margin-bottom:1rem}
.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-weight:700}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e9ecef;padding:.35rem 0;display:flex;justify-content:space-around;box-shadow:0 -2px 8px rgba(0,0,0,.04)}
.bottom-nav a{font-size:.85rem;color:#444;text-decoration:none;padding:.45rem .25rem;display:flex;flex-direction:column;align-items:center}
.main-content{padding-bottom:72px}
/* Larger screens */
@media(min-width:768px){
  .hero{padding:3rem 0}
  .hero .title{font-size:2rem}
  .feature-card{display:flex;align-items:center;gap:1rem}
  .bottom-nav{display:none}
  .main-content{padding-bottom:0}
}