:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;padding:0}body{margin-top:100px}.map-container{position:relative;width:100%;max-width:1300px;margin:auto}.map-image{width:100%;display:block}.country-marker{position:absolute;transform:translate(-50%,-50%);cursor:pointer}.dot{width:10px;height:10.19;background-color:#ff6900;position:relative;margin:10px auto;transform:rotate(0);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.tooltip{position:absolute;top:-45px;left:50%;transform:translate(-50%);background-color:#fff;background:linear-gradient(90deg,#c96ce6,#034bae);padding:4px 20px;border-radius:4px;white-space:nowrap;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;gap:5px;z-index:100;height:30px}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #805ad5}.tooltip-down{top:20px}.tooltip-down:after{top:-6px;border-top:none;border-bottom:6px solid #805ad5}.name{font-size:13px;font-weight:500;color:#fff;line-height:1}.flag-icon{width:20px;height:21px;object-fit:cover;border-radius:50%;display:block}.popup-flag{width:20px;height:14px;object-fit:cover;border-radius:2px}.popup-name{font-size:12px;font-weight:500}.card-container{background-color:#666;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:20px}.image-card{width:300px;transition:transform .3s ease}.image-card:hover{transform:scale(1.05);cursor:pointer}.dd{display:flex;justify-content:space-between;background-color:#a21d1d}.design{background-color:#31ff75;height:300px;width:300px;color:#000;font-size:30px;text-align:center;border-radius:20px}