:root {
  --blue: #1d4ed8;
  --yellow: #facc15;
}
html { scroll-behavior: smooth; }
body { font-family: 'Nunito', sans-serif; transition: background .3s, color .3s; }
.navbar .nav-link { transition: color .2s; }
.navbar .nav-link:hover { color: var(--yellow) !important; }
.card { transition: transform .25s, box-shadow .25s; }
.card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.back-to-top { position: fixed; bottom: 20px; right: 20px; display: none; z-index: 1000; }
.hero-gradient { background: linear-gradient(90deg, #dbeafe 0%, #fef9c3 100%); }
.badge-soft { background: rgba(29,78,216,.08); color: var(--blue); border-radius: 999px; padding: .35rem .75rem; font-weight: 700; }
/* Dark mode */
.dark-mode { background: #0b1220; color: #e5e7eb; }
.dark-mode .navbar, .dark-mode .dropdown-menu { background: #0f172a !important; }
.dark-mode .navbar .nav-link { color: #e5e7eb !important; }
.dark-mode .card { background: #111827; color: #e5e7eb; }
.dark-mode footer { background: #0f172a !important; }