.hbssl-wrap{background:#0d0d0d;color:#fff;padding:24px;border-radius:24px}
.hero,.search,.card{background:linear-gradient(135deg,#4a0000,#980000,#e52b2b);border-radius:22px;padding:20px}
.search{display:grid;grid-template-columns:1fr 120px;gap:10px;margin:18px 0}
.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}
.card{color:#fff}
.good{border-left:5px solid #4caf50}.warn{border-left:5px solid #ffc107}.bad{border-left:5px solid #f44336}
.spinner{width:72px;height:72px;border-radius:50%;border:6px solid rgba(255,255,255,.15);border-top-color:#fff;animation:spin 1s linear infinite;margin:20px auto}
.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.grid,.search{grid-template-columns:1fr}}