:root{--primary:#2d7052;--primary-dark:#123b2a;--primary-light:#dfeee6;--light-gray:#f8fafc;--text-dark:#0f172a;--text-light:#64748b}body{font-family:'Inter',sans-serif;background-color:var(--light-gray);color:var(--text-dark)}.gradient-text{background:linear-gradient(135deg,#123b2a 0%,#2d7052 50%,#06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bg-blue-600{background-color:#2d7052!important;color:#ffffff!important}.bg-blue-700{background-color:#123b2a!important;color:#ffffff!important}.hover\:bg-blue-700:hover{background-color:#123b2a!important}.text-blue-600{color:#2d7052!important}.text-blue-700{color:#123b2a!important}.bg-emerald-600{background-color:#059669!important}.text-emerald-600{color:#059669!important}.text-emerald-700{color:#047857!important}.text-emerald-800{color:#065f46!important}.text-cyan-600{color:#0891b2!important}.text-cyan-700{color:#0e7490!important}.text-cyan-800{color:#155e75!important}.text-indigo-600{color:#2d7052!important}.text-indigo-700{color:#4338ca!important}.text-indigo-800{color:#3730a3!important}.bg-slate-900{background-color:#0f172a!important;color:#ffffff!important}.bg-slate-50{background-color:#f8fafc!important}.bg-slate-100{background-color:#f1f5f9!important}.bg-slate-200{background-color:#e2e8f0!important}.text-slate-300{color:#cbd5e1!important}.text-slate-400{color:#94a3b8!important}.text-slate-500{color:#64748b!important}.text-slate-600{color:#475569!important}.text-slate-700{color:#334155!important}.text-slate-800{color:#1e293b!important}.text-slate-900{color:#0f172a!important}.rank-card{transition:all 0.25s cubic-bezier(0.4,0,0.2,1);text-decoration:none!important}.rank-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(15,23,42,0.08)}#lifeIndexMap{height:560px;width:100%;border-radius:1.5rem;z-index:10}.map-layer-btn.active{background-color:#0f172a!important;color:#ffffff!important;box-shadow:0 4px 12px rgba(15,23,42,0.15)}.custom-pin-marker{display:flex;align-items:center;justify-content:center;border-radius:9999px;color:#ffffff;font-weight:800;font-size:10px;box-shadow:0 2px 8px rgba(0,0,0,0.35);border:2px solid #ffffff;transition:transform 0.15s cubic-bezier(0.34,1.56,0.64,1);cursor:pointer}.custom-pin-marker:hover{transform:scale(1.25);z-index:99999!important}.custom-district-badge{background:rgba(15,23,42,0.94);backdrop-filter:blur(10px);color:#ffffff;padding:6px 14px;border-radius:9999px;font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 8px 22px rgba(0,0,0,0.35);white-space:nowrap;cursor:pointer;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.2s ease}.custom-district-badge:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,0.45)}.gradient-scale-bar{height:6px;width:140px;border-radius:9999px;background:linear-gradient(to right,#059669 0%,#10b981 25%,#84cc16 45%,#eab308 65%,#f97316 85%,#ef4444 100%)}