body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #f8fafc; }
.bg-gradient-modern { background: linear-gradient(135deg, #0f766e 0%, #047857 100%); color: white; }
.btn-modern-primary { background-color: #f59e0b; color: #fff; border-radius: 50px; padding: 10px 24px; font-weight: 600; border: none; transition: 0.3s; }
.btn-modern-primary:hover { background-color: #d97706; transform: translateY(-2px); color: #fff; }
.btn-modern-outline { border: 2px solid #fff; color: #fff; border-radius: 50px; padding: 10px 24px; font-weight: 600; background: transparent; transition: 0.3s; }
.btn-modern-outline:hover { background: #fff; color: #0f766e; }
.card-modern { border: none; border-radius: 16px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); transition: 0.3s; }
.card-modern:hover { transform: translateY(-8px); box-shadow: 0 20px 25px rgba(0,0,0,0.1); }
.icon-circle { width: 60px; height: 60px; background-color: #ccfbf1; color: #0f766e; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 1rem; }
.navbar-custom { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-bottom: 1px solid #e2e8f0; }