:root{
  --mast-maroon:#732335;
  --mast-blue:#1d3a64;
  --mast-gold:#e2b43e;
}
body{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}
.navbar{
  background-color: var(--mast-blue);
}
.navbar .nav-link, .navbar-brand, .navbar-toggler{
  color:#fff !important;
}
.navbar .btn-apply{
  background: var(--mast-gold);
  color:#111;
  border:0;
  font-weight:600;
}
.hero{
  background: linear-gradient(135deg, rgba(115,35,53,.95), rgba(29,58,100,.95)), url('../images/mast_header.png') center/cover no-repeat;
  color:#fff;
  padding: 4rem 0 3rem;
}
.hero h1{font-weight:800; letter-spacing:.3px;}
.hero .lead{font-size:1.1rem}
.section-title{
  border-left: 6px solid var(--mast-gold);
  padding-left: .75rem;
  font-weight:700;
  color: var(--mast-blue);
}
.card, .list-group-item{
  border-radius: 0.75rem !important;
}
.badge-mast{background:var(--mast-maroon);}
.link-mast{color:var(--mast-blue); text-decoration:none;}
.link-mast:hover{text-decoration:underline;}
.footer{
  background: #0f213c;
  color:#c9d3e6;
}
.footer a{color:#c9d3e6; text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.btn-primary{background:var(--mast-blue); border-color:var(--mast-blue);}
.btn-outline-light{border-color:#fff;color:#fff;}
.quick-links a{display:flex; align-items:center; gap:.6rem; padding:.6rem .8rem; border:1px solid #e9ecef; border-radius:.75rem; transition:.2s}
.quick-links a:hover{border-color: var(--mast-blue); transform: translateY(-2px);}
.stats{background:#f8fafc}
.stat-box{background:#fff; border-radius:1rem; padding:1.25rem; text-align:center; box-shadow:0 4px 16px rgba(0,0,0,.06)}
.stat-box h3{color:var(--mast-blue); font-weight:800}
.notice-time{font-size:.85rem; color:#6c757d}
.ribbon{
  position:absolute; top:1rem; right:-.5rem; background:var(--mast-gold); color:#000; padding:.25rem .75rem; font-weight:700; transform: rotate(10deg); border-radius:.25rem;
}
@media (max-width: 576px){
  .hero{padding:3rem 0 2rem}
}
.navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1); /* Optional: subtle border */
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' ... %3E"); /* fallback included by Bootstrap */
}