.hbd{position:relative;margin:28px 0;padding:22px;border-radius:24px;background:linear-gradient(135deg,#fff8ec,#fdf1f1);border:1px solid #f1dcc0;box-shadow:0 14px 34px rgba(150,90,40,.12);overflow:hidden}
.hbd:before{content:"";position:absolute;inset:-60px -60px auto auto;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(226,120,120,.22),transparent 70%)}
.hbd-h h3{margin:0 0 6px;font-size:21px;color:#7a2e3a}.hbd-h p{margin:0 0 14px;color:#6b5a4c;line-height:1.9}
.hbd-goal{margin:4px 0 16px}.hbd-bar{height:12px;border-radius:9px;background:#f1e3d3;overflow:hidden}
.hbd-bar i{display:block;height:100%;width:var(--p);border-radius:9px;background:linear-gradient(90deg,#e0786a,#c2410c);animation:hbdBar 1.2s ease both}@keyframes hbdBar{from{width:0}}
.hbd-gl{display:flex;justify-content:space-between;margin-top:6px;font-size:13.5px;color:#6b5a4c}.hbd-gl b{color:#7a2e3a}
.hbd-cnt{color:#7a2e3a;font-weight:700}
.hbd-am{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin-bottom:10px}
.hbd-am input{position:absolute;opacity:0}
.hbd-am span{display:grid;place-items:center;text-align:center;padding:12px 6px;border-radius:16px;border:2px solid #efd9bd;background:#fff;font-weight:800;font-size:16px;color:#4a2e17;cursor:pointer;transition:.15s}
.hbd-am span small{font-weight:400;font-size:11.5px;color:#9a7b55}
.hbd-am input:checked+span{border-color:#c2410c;background:#fff3ea;box-shadow:0 0 0 4px rgba(194,65,12,.12);transform:translateY(-2px)}
.hbd-am input:focus-visible+span{outline:2px solid #c2410c}
.hbd-custom input,.hbd-row input,.hbd-f textarea{width:100%;box-sizing:border-box;border:1.5px solid #ecd8bf;border-radius:14px;padding:11px 12px;font:15px Vazirmatn,Tahoma,sans-serif;background:#fff}
.hbd-custom{margin-bottom:10px}.hbd-custom input{font-size:20px;font-weight:800;text-align:center}.hbd-words{display:block;text-align:center;color:#c2410c;margin-top:4px}
.hbd-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.hbd-anon{display:block;margin:8px 0;font-size:13px;color:#6b5a4c}
.hbd-go{width:100%;border:0;border-radius:16px;padding:14px;font:800 17px Vazirmatn,Tahoma;color:#fff;background:linear-gradient(135deg,#e0786a,#c2410c);box-shadow:0 12px 26px rgba(194,65,12,.3);cursor:pointer;transition:.2s}
.hbd-go:hover{transform:translateY(-2px)}.hbd-go:disabled{opacity:.7}.hbd-go b{font-weight:600;font-size:14px}
.hbd-msg{text-align:center;margin:8px 0 0;color:#7a2e3a}.hbd-safe{text-align:center;font-size:12px;color:#9a8a7a;margin:6px 0 0}
.hbd-wall{margin-top:16px;padding-top:12px;border-top:1px dashed #ecd8bf}.hbd-wall ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.hbd-wall li{background:#fff;border-radius:12px;padding:8px 12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.hbd-wall q{color:#6b5a4c;font-size:13px}.hbd-wall small{margin-inline-start:auto;color:#a99}
.hbd-toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:100000;background:#14532d;color:#fff;padding:12px 18px;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.25);font:600 14px Vazirmatn,Tahoma;max-width:92vw;display:flex;gap:10px;align-items:center;transition:.4s}
.hbd-toast.cancel,.hbd-toast.invalid{background:#7a2e3a}.hbd-toast.out{opacity:0;transform:translate(-50%,-20px)}.hbd-toast button{border:0;background:none;color:#fff;font-size:18px;cursor:pointer}
@media (max-width:600px){.hbd{padding:16px;border-radius:20px}.hbd-row{grid-template-columns:1fr}}