.d4c-hfp-box {
    background:#ffffff;
    border:1px solid #e5e5e5;
    border-left:6px solid #ef3b2d;
    border-radius:8px;
    padding:22px;
    margin:18px 0;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
}

.d4c-hfp-box h2,
.d4c-hfp-box h3 {
    color:#ef3b2d;
    margin-top:0;
}

.d4c-hfp-box p {
    color:#002b45;
}

.d4c-hfp-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:12px;
    margin:16px 0;
}

.d4c-hfp-card {
    background:#1f1f1f;
    border:1px solid #2d2d2d;
    border-radius:6px;
    padding:14px;
}

.d4c-hfp-card strong {
    display:block;
    color:#ef3b2d;
    text-transform:uppercase;
    letter-spacing:.04em;
    font-size:13px;
    margin-bottom:4px;
}

.d4c-hfp-card span {
    color:#ffffff;
    font-size:14px;
}

.d4c-hfp-box label {
    display:block;
    color:#002b45;
    font-weight:700;
    margin:12px 0 5px;
}

.d4c-hfp-box input,
.d4c-hfp-box textarea {
    width:100%;
    max-width:560px;
    border:1px solid #d9d9d9;
    border-radius:4px;
    padding:10px;
}

.d4c-hfp-box button,
.d4c-hfp-actions a {
    display:inline-block;
    background:#ef3b2d;
    border:1px solid #ef3b2d;
    color:#ffffff !important;
    padding:10px 14px;
    border-radius:4px;
    text-decoration:none !important;
    font-weight:800;
    margin:8px 8px 8px 0;
}

.d4c-hfp-box button:hover,
.d4c-hfp-actions a:hover {
    background:#c50000;
    border-color:#c50000;
}

.d4c-hfp-success {
    background:#e9f7ef;
    border-left:4px solid #2ecc71;
    padding:10px;
    margin:12px 0;
    color:#145a32;
}

.d4c-hfp-error {
    background:#fdecea;
    border-left:4px solid #ef3b2d;
    padding:10px;
    margin:12px 0;
    color:#7b241c;
}