.dns-server{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:8px;background:#1239bb;border-radius:8px;font-size:12px;transition:all .3s;border-left:4px solid transparent}.dns-server:hover{background:#3c5a78;transform:translateX(2px)}.dns-server.success{border-left-color:#27ae60;background:#2d5a3d}.dns-server.error{border-left-color:#e74c3c;background:#5a2d2d}.dns-server-info{flex:1;display:flex;align-items:center;gap:8px}.country-flag{width:20px;height:15px;border-radius:2px;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.dns-server-details{flex:1}.dns-server .name{font-weight:700;margin-bottom:2px}.dns-server .location{color:#95a5a6;font-size:10px;display:flex;align-items:center;gap:4px}.dns-server .ip{color:#7fb3d3;margin:0 10px;font-family:monospace;font-size:11px}.status{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid rgba(255,255,255,.3)}.status.success{background:#27ae60;color:white;border-color:#2ecc71}.status.error{background:#e74c3c;color:white;border-color:#c0392b}.status.pending{background:#f39c12;color:white;border-color:#e67e22}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.result-item{padding:18px;border:2px solid #e0e0e0;border-radius:12px;background:#f8f9fa;transition:all .3s;position:relative;overflow:hidden}.result-item::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#e0e0e0;transition:all .3s}.result-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.result-item.success{border-color:#27ae60;background:#f0f9f4}.result-item.success::before{background:#27ae60}.result-item.error{border-color:#e74c3c;background:#fdf2f2}.result-item.error::before{background:#e74c3c}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.result-location{font-weight:700;color:#2c3e50;font-size:15px;display:flex;align-items:center;gap:8px}.result-flag{width:24px;height:18px;border-radius:3px;object-fit:cover;border:1px solid rgba(0,0,0,.1)}.result-country{background:#3498db;color:white;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px}.result-ip{font-family:monospace;color:#666;font-size:13px;margin-bottom:8px;background:rgba(0,0,0,.05);padding:4px 8px;border-radius:4px;display:inline-block}.result-status{font-size:13px;display:flex;align-items:center;gap:6px;font-weight:500}.spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:35px;height:35px;animation:spin 1s linear infinite;margin:0 auto 15px}.pulse-marker{width:12px;height:12px;background:#e74c3c;border:2px solid white;border-radius:50%;animation:pulse 2s infinite}@media (max-width:768px){.results-grid{grid-template-columns:1fr}}