.help-page { background: #f8fafc; padding: 2.5rem 1rem 4rem; }
.help-shell { width: min(100%, 1020px); margin: 0 auto; }
.help-hero {
    padding: clamp(1.6rem, 5vw, 3rem);
    color: white;
    background: #102a4c;
    border-radius: 22px;
    margin-bottom: 1.25rem;
    position: relative;
    overflow: hidden;
}
.help-hero::after {
    content: '?'; position: absolute; right: 5%; top: 50%; transform: translateY(-50%);
    font: 900 clamp(7rem, 18vw, 12rem)/1 Poppins, sans-serif; color: rgba(255,255,255,.055);
}
.help-hero h1 { color: white; margin: 0 0 .65rem; font-size: clamp(1.8rem, 5vw, 2.7rem); }
.help-hero p { max-width: 650px; margin: 0; color: #dbeafe; line-height: 1.7; }
.help-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
.help-contact-card {
    background: white; border: 1px solid #e2e8f0; border-radius: 16px; padding: 1.25rem;
    display: flex; gap: 1rem; align-items: flex-start;
}
.help-contact-icon {
    width: 44px; height: 44px; border-radius: 12px; background: #eff6ff; color: #2563eb;
    display: flex; align-items: center; justify-content: center; flex: 0 0 auto; font-size: 1.15rem;
}
.help-contact-card h2 { font-size: 1rem; margin: 0 0 .35rem; color: #172033; }
.help-contact-card p { color: #64748b; font-size: .85rem; margin: 0 0 .7rem; }
.help-contact-card a { color: #0d6efd; overflow-wrap: anywhere; font-weight: 700; }
.help-panel { background: white; border: 1px solid #e2e8f0; border-radius: 16px; padding: clamp(1.2rem, 4vw, 2rem); }
.help-panel > h2 { color: #172033; font-size: 1.3rem; margin-bottom: 1rem; }
.help-faq { border-top: 1px solid #e2e8f0; }
.help-faq details { border-bottom: 1px solid #e2e8f0; }
.help-faq summary { list-style: none; cursor: pointer; padding: 1rem 2rem 1rem 0; color: #27364d; font-weight: 700; position: relative; }
.help-faq summary::-webkit-details-marker { display: none; }
.help-faq summary::after { content: '+'; position: absolute; right: .25rem; top: .8rem; font-size: 1.25rem; color: #3b82f6; }
.help-faq details[open] summary::after { content: '−'; }
.help-faq details p { color: #64748b; line-height: 1.75; margin: 0; padding: 0 1.5rem 1rem 0; }
.help-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
@media (max-width: 700px) {
    .help-page { padding-top: 1.25rem; }
    .help-contact-grid { grid-template-columns: 1fr; }
    .help-hero { border-radius: 16px; }
    .help-actions .btn { width: 100%; }
}