:root{
  --brand:#AE1C40;
  --brand-dark:#8a1632;
  --gold:#D4AF37;
  --bg:#F7F8FA;
  --text:#0F1724;
  --muted:#6b7280;
  --radius:12px;
}

/* Global layout */
html,body{height:100%;}
body{
  font-family: 'Montserrat', sans-serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 18px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.btn:focus{outline:3px solid rgba(212,175,55,0.15);outline-offset:2px}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 24px rgba(11,110,253,0.08)}
.btn-secondary{background:var(--gold);color:var(--brand-dark)}

/* Cards */
.card{background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 12px 30px rgba(15,23,36,0.06);border:1px solid rgba(15,23,36,0.03)}

/* Hero tweaks */
header .carousel-overlay{background:linear-gradient(90deg,rgba(10,10,20,0.6) 0%, rgba(15,23,36,0.35) 60%)}
header h1{font-family:'Montserrat',sans-serif}

/* Cards and section spacing */
.rounded-3xl{border-radius:24px}

/* Utility shadows used across the site */
.shadow-soft{box-shadow:0 20px 40px -15px rgba(0,0,0,0.08)}
.shadow-glow{box-shadow:0 10px 30px rgba(212,175,55,0.1)}

/* Footer adjustments */
footer{background:#0f1724;color:#cbd5e1}
footer a{color:inherit}

@media (max-width:768px){
  .container{padding:0 14px}
}

/* Fix Latest Updates visibility on narrow screens */
@media (max-width:640px) {
  .latest-updates-bar .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .latest-updates-bar .ticker {
    width: 100%;
    min-width: 0; /* allow flex children to shrink */
  }
  .latest-updates-bar .ticker__wrap {
    display: inline-block;
    min-width: 100%;
  }
  .latest-updates-bar .ticker__item { padding: 0 1rem; }
}

/* Small helpers */
.muted{color:var(--muted)}

/* Active navigation state */
.nav-active{color:var(--brand);font-weight:800}

