.hbdns-wrap{background:#0f0f12;color:#fff;padding:24px;border-radius:24px}
.hero,.search,.card{background:linear-gradient(135deg,#4a0000,#9f0000,#e32626);border-radius:20px}
.hero{padding:24px;margin-bottom:16px}.search{padding:16px;display:grid;grid-template-columns:1fr 90px;gap:10px}
.search input,.search button{padding:14px;border:0;border-radius:12px;background:rgba(255,255,255,.12);color:#fff}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.card{padding:16px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.15);margin:2px}
.ok{background:#1f7a1f}.bad{background:#7a1f1f}
.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}
table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid rgba(255,255,255,.15)}
.copy{padding:6px 10px;border:0;border-radius:8px}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.grid,.search{grid-template-columns:1fr}}