/* Minimal, clean styles */
.hero {
  background: linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,.55)), url('/assets/img/unsplash_hero.jpg') center/cover no-repeat;
  color: #fff;
  min-height: 70vh;
  display: flex;
  align-items: center;
}
.card-soft {
  border: none;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.btn-pill { border-radius: 999px; }

@media (max-width: 767px){
  .hero{min-height: 56vh; padding-top: 2rem; padding-bottom: 2rem;}
}

:root{
  --brand:#f59f00; /* amber */
  --brand-dark:#111827;
  --brand-ink:#0b1220;
}
.navbar{ background: var(--brand-ink) !important; }
.navbar .nav-link{ color:#e5e7eb !important; }
.navbar .nav-link:hover{ color:#ffffff !important; }
.navbar .btn-warning{ background:var(--brand); border-color:var(--brand); color:#111; }
footer{ background: var(--brand-ink) !important; }
footer h5, footer h6{ color:#fff; }
footer p, footer small{ color:#cbd5e1; }

.hero{
  position: relative;
  background: linear-gradient(180deg, rgba(11,18,32,.75), rgba(11,18,32,.55)), url('/assets/img/unsplash_hero.jpg') center/cover no-repeat;
  min-height: 72vh;
}
.hero .badge-brand{
  background: rgba(245,159,0,.15);
  color: #ffd166;
  border: 1px solid rgba(245,159,0,.35);
  padding: .5rem .75rem;
  border-radius: 999px;
  font-weight:600;
}
.display-title{
  color:#fff; line-height:1.1;
}
.display-title .accent{ color:var(--brand); }
.lead.muted{ color:#e5e7eb; max-width:56ch }
.cta .btn{ padding:.8rem 1.4rem; border-radius:999px }

.card-soft{ transition:transform .2s ease, box-shadow .2s ease; }
.card-soft:hover{ transform: translateY(-2px); box-shadow: 0 16px 40px rgba(0,0,0,.1); }

.progress{ height:.6rem; border-radius:1rem; background:#e5e7eb; }
.progress-bar{ background:var(--brand); }
@media (max-width: 767px){
 .hero{ min-height: 58vh; padding: 2rem 0; }
}

/* Preloader */
#preloader {
  position: fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:#fff;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity 0.5s ease, visibility 0.5s ease;
}
#preloader.hidden {
  opacity:0;
  visibility:hidden;
}
.loader {
  border:6px solid #f3f3f3;
  border-top:6px solid #f59f00; /* brand color */
  border-radius:50%;
  width:60px; height:60px;
  animation:spin 1s linear infinite;
}
@keyframes spin {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}

.navbar-brand img {
  max-height: 60px;   /* 40 → 60 */
  width: auto;
}
.navbar-brand span {
  font-size: 1.3rem;  /* text thoda bada */
  font-weight: 600;
  color: #fff;
}