.hbmx-wrap{background:#0d0d0d;color:#fff;padding:24px;border-radius:24px}
.hero,.hbmx-form,.card{background:linear-gradient(135deg,#4a0000,#980000,#e52b2b);border-radius:22px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hero,.hbmx-form,.card{padding:20px}
.hbmx-form{display:grid;grid-template-columns:1fr 120px;gap:10px;margin:18px 0}
.hbmx-form input,.hbmx-form button{padding:14px;border:0;border-radius:12px;background:rgba(255,255,255,.12);color:#fff}
.hbmx-form input::placeholder{color:#fff}
.hbmx-result{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.card{word-break:break-word}
.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.15)}
.spinner{width:72px;height:72px;margin:20px auto;border-radius:50%;border:6px solid rgba(255,255,255,.15);border-top-color:#fff;animation:spin 1s linear infinite}
.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.hbmx-result,.hbmx-form{grid-template-columns:1fr}}