@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body { font-family: 'Roboto', sans-serif; margin: 0; padding: 0; }
.dark-mode { background: #121212; color: #e0e0e0; }
.dark-mode nav, .dark-mode footer { background: #1f1f1f; }
.navbar { background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.nav-link { color: rgba(0,0,0,0.7); }
.nav-link.active { font-weight: 500; color: #0d6efd; }
.hover-rise { transition: transform .2s, box-shadow .2s; }
.hover-rise:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
.hero-section { background: url('../img/hero-bg.jpg') center/cover no-repeat; height: 60vh; display: flex; align-items: center; justify-content: center; }