/* Scoped help center styles; the shared navigation and footer use the template. */
.support-hero{background:#1D285C;padding:64px 20px}
.support-hero .auto-container{max-width:1150px}
.support-hero .eyebrow{color:#00C8F5}
.support-hero h1{font-size:42px;line-height:1.2}
.support-hero .page-subtitle{max-width:760px;margin:0 auto 16px;color:#e5eafa;font-size:17px}
.nabik-support{background:#fff;color:#1D285C}
.support-container{max-width:1150px;margin:0 auto;padding:42px 20px 64px}
.nabik-support h2{color:#1D285C;font-size:27px;line-height:1.3;font-weight:600}
.nabik-support p{color:#667085;font-size:15px;line-height:1.65;margin:0}
.support-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}
.support-option{display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid #e2e7ef;border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s}
.support-option:hover{border-color:#00a8cf;box-shadow:0 8px 24px rgba(29,40,92,.07)}
.support-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#effbfe;color:#1D285C;flex-shrink:0}
.support-icon svg{width:27px;height:27px}
.support-option h2{font-size:19px;margin:18px 0 8px}
.support-option p{margin-bottom:18px}
.support-link{display:inline-block;color:#1D285C;font-size:14px;font-weight:600;line-height:1.5}
.support-link:hover{color:#007d9c;text-decoration:underline}
.support-option .support-link{margin-top:auto}
.support-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 38px}
.support-contact{display:flex;align-items:flex-start;gap:18px;background:#f7f9fc;border:1px solid #e2e7ef;border-radius:12px;padding:24px}
.support-contact h2{font-size:18px;margin-bottom:4px}
.support-contact .support-contact-detail{font-size:17px;font-weight:600;color:#1D285C;overflow-wrap:anywhere}
.support-contact .support-link{margin-top:12px}
.support-request{padding:32px;border:1px solid #e2e7ef;border-radius:14px;background:#fff;scroll-margin-top:90px}
.support-section-heading{margin-bottom:26px}
.support-section-heading h2{margin-bottom:9px}
.support-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.support-field{min-width:0}
.support-field-wide{grid-column:1/-1}
.support-field label{display:block;font-size:14px;color:#1D285C;font-weight:600;margin-bottom:8px}
.support-field label>span:not(.support-optional){color:#d40830}
.support-optional{margin-left:7px;color:#667085;font-size:12px;font-weight:400}
.support-file-types{display:inline-block;margin-left:9px;color:#667085;font-size:12px;font-weight:400}
.support-field input,.support-field select,.support-field textarea{display:block;width:100%;min-height:48px;background:#fafbfc;border:1px solid #d6dce7;border-radius:7px;padding:12px 14px;color:#1D285C;font:inherit;font-size:15px;box-sizing:border-box}
.support-field textarea{resize:vertical;min-height:135px}
.support-field input[type=file]{padding:10px;font-size:13px}
.support-field input::placeholder,.support-field textarea::placeholder{color:#77808e;opacity:1}
.nabik-support :focus-visible{outline:3px solid #00C8F5;outline-offset:3px}
.nabik-support .support-field-hint{font-size:12px;margin-top:8px;line-height:1.6}
.nabik-support .support-privacy{font-size:13px;margin:22px 0 18px}
.support-submit{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:49px;border-radius:7px;background:#ff0036;color:#fff;padding:13px 25px;font-size:15px;font-weight:600;cursor:pointer;border:0}
.support-submit:hover{background:#d8002e}
.support-submit:disabled{opacity:.6;cursor:wait}
.support-form-actions{display:flex;align-items:center;gap:18px;margin-top:20px}
.support-form-actions .support-submit{flex-shrink:0}
.support-form-status{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;box-sizing:border-box;margin-top:12px;padding:8px 11px;border:1px solid;border-radius:7px;font-size:13px;line-height:1.45}
.support-form-status--success{color:#176b3a;background:#effaf3;border-color:#b7e4c7}
.support-form-status--error{color:#b42318;background:#fff4f2;border-color:#f2c5c0}
.support-form-status--sending{color:#175cd3;background:#eff8ff;border-color:#b2ddff}
.support-status-icon{flex:none;width:18px;height:18px}
.support-status-spinner{stroke-dasharray:40 18;transform-origin:center;animation:support-status-spin .8s linear infinite}
@keyframes support-status-spin{to{transform:rotate(360deg)}}
.support-form-status[hidden]{display:none}
@media(max-width:767px){
.support-hero{padding:44px 20px}
.support-hero h1{font-size:32px}
.support-hero .page-subtitle{font-size:15px}
.support-container{padding:28px 20px 44px}
.support-options,.support-contacts,.support-form-grid{grid-template-columns:1fr;gap:16px}
.support-option{padding:22px}
.support-contact{padding:20px;gap:14px}
.support-field-wide{grid-column:auto}
.support-request{padding:22px 18px}
.nabik-support h2{font-size:24px}
.support-option h2,.support-contact h2{font-size:18px}
.support-submit{width:100%}
.support-form-actions{align-items:flex-start;flex-direction:column;gap:12px}
.support-form-actions .support-submit{width:100%}
}

.support-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* Support page refinement */
.support-hero{padding:52px 20px}
.support-hero .eyebrow{margin-bottom:8px}
.support-hero h1{margin-bottom:10px}
.support-hero .page-subtitle{margin-bottom:10px}
.support-options{align-items:stretch;gap:18px;margin-bottom:28px}
.support-option{width:100%;min-height:196px;padding:24px;box-shadow:0 2px 10px rgba(29,40,92,.035)}
.support-option h2{font-weight:600;color:#1D285C}
.support-option p{color:#525f70}
.support-option:focus-visible,.support-contact a:focus-visible{outline:3px solid #00C8F5;outline-offset:3px}
.support-contact{min-height:174px;align-items:center;background:#fff;border-color:#dce3ed;box-shadow:0 3px 14px rgba(29,40,92,.045);transition:border-color .18s,box-shadow .18s}
.support-contact:hover{border-color:#00a8cf;box-shadow:0 7px 20px rgba(29,40,92,.08)}
.support-contact-whatsapp .support-icon{background:#eaf8f0;color:#16834b}
.support-contact-email .support-icon{background:#eafaff;color:#007d9c}
.support-contact .support-contact-detail{display:inline-block;margin:1px 0 3px}
.support-request{margin-top:0;border-radius:12px;padding:30px}
.nabik-support{scroll-behavior:smooth}
@media(max-width:767px){
 .support-hero{padding:42px 18px}
 .support-container{padding:28px 16px 44px}
 .support-options{gap:14px;margin-bottom:22px}
 .support-option{min-height:0;padding:20px}
 .support-contact{min-height:0}
 .support-request{padding:22px 18px}
}
@media(max-width:360px){
 .support-hero h1{font-size:29px}
 .support-container{padding-right:12px;padding-left:12px}
 .support-contact{gap:12px;padding:17px}
 .support-request{padding:19px 14px}
 .support-field input,.support-field select,.support-field textarea{padding-right:10px;padding-left:10px}
}
@media(prefers-reduced-motion:reduce){
 .nabik-support,.support-option,.support-contact{scroll-behavior:auto;transition:none!important}
 .support-status-spinner{animation:none}
}