.whp-wrap{position:relative;overflow:hidden;border-radius:28px;padding:28px;color:#edf3ff;font-family:Inter,Arial,sans-serif;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.whp-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.whp-eyebrow{display:inline-block;margin-bottom:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#7fb4ff}
.whp-head h3{margin:0 0 8px;font-size:34px;color:#fff}.whp-head p{margin:0;color:rgba(237,243,255,.78);max-width:760px;line-height:1.65}
.whp-live{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);white-space:nowrap}
.whp-form{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto auto auto;gap:12px;margin-bottom:16px}
.whp-input{width:100%;height:58px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(6,13,24,.72);color:#fff;padding:0 8px!important;font-size:14px}
.whp-btn{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 18px;border-radius:16px;border:none;cursor:pointer;font-weight:700;text-decoration:none}
.whp-btn-primary{background:linear-gradient(135deg,#8ec5ff,#4d96ff);color:#08111f}
.whp-btn-secondary{background:rgba(255,255,255,.06);color:#edf3ff;border:1px solid rgba(255,255,255,.08)}
.whp-btn-accent{background:linear-gradient(135deg,#8ff0c5,#43d89a);color:#08111f}
.whp-status{display:flex;gap:12px;align-items:center;padding:14px;border-radius:16px;background:#1B202C;border:1px solid rgba(255,255,255,.06);margin-bottom:16px}
.whp-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}
.whp-badge-neutral{background:rgba(255,255,255,.06);color:#dce9ff}.whp-badge-red{background:rgba(255,77,97,.12);color:#ff96a4}.whp-badge-yellow{background:rgba(255,190,61,.12);color:#ffd37a}.whp-badge-green{background:rgba(24,209,143,.12);color:#7ff0c5}
.whp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.whp-card{padding:16px;border-radius:18px;background:#1B202C;border:1px solid rgba(255,255,255,.07)}.whp-card h4{margin:0 0 10px;color:#fff}
.whp-overall{padding:18px;border-radius:18px;background:#1B202C;border:1px solid rgba(255,255,255,.07);margin-bottom:16px}
.whp-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px;border-radius:20px;background:#1B202C;border:1px solid rgba(255,255,255,.07)}
.whp-cta strong{display:block;margin-bottom:8px;color:#fff}.whp-cta p{margin:0;color:rgba(232,241,255,.8);line-height:1.65}.whp-cta-actions{display:flex;flex-direction:column;gap:10px;min-width:240px}
.whp-list{margin-top:10px;display:grid;gap:10px}.whp-item{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.whp-item strong{display:block;margin-bottom:4px}.whp-item small{display:block;color:rgba(232,241,255,.68)}
code{color:#9eccff;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:8px}
@media (max-width: 1380px){.whp-form{grid-template-columns:1fr 1fr 1fr}.whp-form .whp-btn{width:100%}}
@media (max-width: 1180px){.whp-cta{grid-template-columns:1fr}.whp-cta-actions{min-width:0;flex-direction:row;flex-wrap:wrap}}
@media (max-width: 980px){.whp-grid{grid-template-columns:1fr}.whp-head{flex-direction:column;align-items:flex-start}}
@media (max-width: 640px){.whp-form{grid-template-columns:1fr}.whp-btn{width:100%}.whp-wrap{padding:22px}.whp-head h3{font-size:28px}}