.nav-link { font-size: 0.9rem; font-weight: 500; color: #475569; padding: 0.5rem 0.75rem; border-radius: 0.5rem; transition: all 0.2s; }
.nav-link:hover { color: #0D9488; background: #F0FDFA; }
.nav-link.active { color: #0D9488; background: #CCFBF1; }
.service-card { background: white; border: 1px solid #E2E8F0; border-radius: 1.25rem; padding: 1.75rem; transition: all 0.3s; }
.service-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(13,148,136,0.08); border-color: #5EEAD4; }
.doctor-card { background: white; border: 1px solid #E2E8F0; border-radius: 1.25rem; overflow: hidden; transition: all 0.3s; }
.doctor-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.08); }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }