/* ============================================================
   VERSIE 2.0 - style2.css
   ============================================================ */

:root {
  --primary: #002D62; /* Navy Blue */
  --light: #f8f9fa;
  --dark: #1a1a1a;
}

body {
  font-family: 'Inter', sans-serif;
  color: #333;
  line-height: 1.8;
}

h1, h2, h3, h4, .navbar-brand {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  color: var(--primary);
}

.py-100 { padding: 100px 0; }

/* Navbar */
.navbar-brand { letter-spacing: 1px; }
.nav-link { font-weight: 600; font-size: 0.85rem; }

/* Hero Section */
.hero-section {
  padding: 180px 0 120px;
  background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)), 
              url('images/hero_bg2.jpg') no-repeat center center/cover;
}

/* Cards */
.pillar-card {
  border-radius: 15px;
  transition: transform 0.3s ease;
}

.pillar-card:hover {
  transform: translateY(-10px);
}

.pillar-icon { font-size: 2.5rem; }

/* Buttons */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.text-primary { color: var(--primary) !important; }
.bg-primary { background-color: var(--primary) !important; }
.opacity-50 { opacity: 0.5; }
.opacity-75 { opacity: 0.75; }

@media (max-width: 768px) {
  .display-3 { font-size: 2.5rem; }
  .py-100 { padding: 60px 0; }
}