:root {
  --primary: #dc3545;
  --dark: #000000;
}
body { font-family: Arial, Helvetica, sans-serif; }
.navbar { background: var(--dark)!important; }
.navbar .nav-link, .navbar .navbar-brand { color: #fff!important; }
.navbar .nav-link:hover { color: var(--primary)!important; }
.hero {
  background: linear-gradient(rgba(0,0,0,0.55), rgba(13, 29, 59, 0.36)), url('img/img_1.jpg') center/cover no-repeat;
  color:#fff; text-align:center; padding: 140px 20px;
}
.hero h1 { font-size: 3rem; font-weight: 800; animation: fadeInDown 1.2s; }
.hero p { animation: fadeInUp 1.5s; }
.btn-primary { background: var(--primary); border: none; }
.btn-primary:hover { background: #a71d2a; }
.card { border: 1px solid var(--primary); transition: transform .25s ease; }
.card:hover { transform: translateY(-6px); }
.section-title { color: var(--primary); font-weight: 800; }
.nos { color: #fff;}
footer { background: var(--dark); color:#fff; padding: 24px 0; text-align:center; }
footer a { color: var(--primary); text-decoration:none; margin: 0 8px; }
footer a:hover { color:#fff; }
@keyframes fadeInDown { from {opacity:0; transform: translateY(-40px);} to {opacity:1; transform: translateY(0);} }
@keyframes fadeInUp   { from {opacity:0; transform: translateY( 40px);} to {opacity:1; transform: translateY(0);} }