.flag-item{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:10px;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;position:relative;overflow:hidden;min-width:70px;border:1px solid rgba(255,255,255,.8)}.flag-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#4caf50,#2196f3,#9c27b0,#ff9800);background-size:400% 400%;z-index:-1;opacity:0;transition:opacity .5s ease}.flag-item:hover::before{opacity:.15;animation:gradientShift 5s ease infinite}.flag-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.flag-icon{width:30px;height:30px;border-radius:50%;object-fit:cover;margin-bottom:5px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:all .3s ease}.flag-item:hover .flag-icon{transform:scale(1.1);border-color:#4caf50}.country-name{font-size:11px;font-weight:600;color:#333;margin-bottom:3px;text-align:center;transition:all .3s ease}.flag-item:hover .country-name{color:#4caf50}.visitor-count{font-size:14px;font-weight:700;background:linear-gradient(45deg,#2196f3,#4caf50);-webkit-background-clip:text;background-clip:text;color:transparent;transition:all .3s ease}.flag-item:hover .visitor-count{transform:scale(1.05);background:linear-gradient(45deg,#ff5722,#e91e63);-webkit-background-clip:text;background-clip:text}.pulse{animation:pulse 1.2s ease}@media (max-width:768px){.flag-item{padding:6px;min-width:60px}.flag-icon{width:26px;height:26px}.country-name{font-size:10px}.visitor-count{font-size:12px}}@media (max-width:480px){.flag-item{min-width:55px;padding:5px}.flag-icon{width:24px;height:24px}.country-name{font-size:9px}.visitor-count{font-size:11px}}