:root {
    --emerald-primary: #10b981;
    --emerald-dark: #059669;
    --emerald-light: #d1fae5;
    --gray-light: #f8fafc;
}
body { font-family: 'Inter', sans-serif; background-color: var(--gray-light); color: #334155; }
.text-emerald { color: var(--emerald-primary) !important; }
.bg-emerald { background-color: var(--emerald-primary) !important; }
.btn-emerald { background-color: var(--emerald-primary); color: white; border: none; }
.btn-emerald:hover { background-color: var(--emerald-dark); color: white; }
.glass-effect { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(0,0,0,0.05); }
.card-modern { border: none; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); transition: transform 0.2s; }
.card-modern:hover { transform: translateY(-5px); }
.hero-section { background: linear-gradient(135deg, var(--emerald-light) 0%, #ffffff 100%); padding: 4rem 0; border-radius: 0 0 40px 40px; }
.rating-stars i { color: #f59e0b; }