.hbn-wrap{display:flex;justify-content:center;padding:60px 20px}
.hbn-box{width:100%;max-width:520px;background:#0f0f12;border-radius:18px;padding:30px;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.hbn-box h2{color:#fff;margin-bottom:15px}
.hbn-box input[type=email]{width:100%;padding:16px;border-radius:12px;background:#1a1a1f;border:1px solid #333;color:#fff;margin-bottom:12px}

.hbn-check{display:flex;align-items:center;gap:10px;margin-bottom:15px;cursor:pointer}
.hbn-check input{display:none}
.hbn-check span{
 width:22px;height:22px;border:2px solid #ff2d2d;border-radius:6px;
 position:relative;transition:.3s;
}
.hbn-check span:after{
 content:'';position:absolute;left:5px;top:2px;width:6px;height:12px;
 border:2px solid #fff;border-top:none;border-left:none;
 transform:scale(0) rotate(45deg);transition:.2s;
}
.hbn-check input:checked + span{
 background:#ff2d2d;transform:scale(1.1);
}
.hbn-check input:checked + span:after{
 transform:scale(1) rotate(45deg);
}

button{
 width:100%;padding:14px;border-radius:12px;
 background:linear-gradient(135deg,#ff2d2d,#b30000);
 color:#fff;border:none;font-weight:bold;
}

.msg{padding:10px;border-radius:8px;margin-bottom:10px}
.ok{background:#113d1f;color:#4cff88}
.err{background:#3d1111;color:#ff6b6b}

.hbn-check p{color:#fff;margin:0}