#preloader{z-index:9999;background:#0a0b14;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.spinner{border:4px solid #ffffff1a;border-left-color:#ffd500;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pill-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.pill-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pill-btn:hover{color:#fff;background:#ffffff1a}.pill-btn.active{color:#fff;border-color:#0000}.pill-indicator{border-radius:50%;width:8px;height:8px;display:inline-block}.gdp-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px;display:grid}@media (width<=992px){.gdp-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.gdp-stats-grid{grid-template-columns:1fr;gap:12px}}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.info-card{text-align:center;background:#2f314299;border:1px solid #ffffff0d;border-radius:16px;padding:32px;transition:transform .3s,border-color .3s,box-shadow .3s}.info-card:hover{border-color:#6c5ce74d;transform:translateY(-4px);box-shadow:0 12px 32px #0003}.info-icon{background:linear-gradient(135deg,#6c5ce7 0%,#a29bfe 100%);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.info-icon i{color:#fff;font-size:32px}.info-card h3{color:#fff;margin-bottom:12px;font-size:20px}.info-card p{color:#fff9;font-size:14px;line-height:1.6}@media (width<=768px){.info-grid{grid-template-columns:1fr}}.chart-card h2{align-items:center;gap:8px;display:flex}