.resources-hub .resources-intro { padding: 48px 0 20px; }
.resources-hub .resources-intro h2 { color: #2a435f; font-size: clamp(34px, 4vw, 49px); line-height: 1.17; }
.resources-hub .resources-intro p { max-width: 630px; color: #6c839b; font-size: 13px; line-height: 1.9; }
.resources-hub .resources-shortcuts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 28px; }
.resources-hub .resources-shortcuts a { display: flex; align-items: center; gap: 14px; padding: 22px; border: 1px solid #fff; border-radius: 20px; background: #ffffffbf; box-shadow: 0 6px 24px #25374f05; }
.resources-hub .resources-shortcuts i { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 13px; border: 1px solid #efcfb7; background: #fff0e3; color: #ae4616; font-size: 18px; }
.resources-hub .resources-shortcuts strong { display: block; color: #385674; font-size: 13px; }
.resources-hub .resources-shortcuts small { color: #859ab0; font-size: 10px; }
.resources-hub .resources-shortcuts a > span:last-child { margin-left: auto; color: #8ba0b7; font-size: 22px; }
.resources-hub #cargo-calculator { padding-top: 42px; padding-bottom: 60px; }
.resources-hub #cargo-calculator h2 { font-size: clamp(30px, 3.2vw, 42px); line-height: 1.2; color: #2e4866; }
.resources-hub #cargo-calculator p { color: #6f849d; font-size: 13px; line-height: 1.9; }
.resources-hub #cargo-calculator p.small { padding: 18px; border: 1px solid #dce6f1; border-radius: 15px; background: #edf3fa; font-size: 10px; }
.theme-glass .resources-hub #cargo-calculator .resource-form { padding: 30px !important; border-radius: 26px !important; }
.resources-hub .resource-form h3 { color: #3b5675; font-size: 23px; margin-bottom: 24px; }
.resources-hub .resource-form label { color: #6b839c; font-size: 11px; }
.resources-hub .resource-form :is(input, select) { min-height: 48px; border-radius: 12px; border-color: #dce6f1; background-color: #f8fafd; color: #415f7d; font-size: 12px; }
.resources-hub #cargo-calculator .resource-results > div { padding: 20px; border: 1px solid #e0e9f3; border-radius: 16px; background: #f1f6fc; }
.resources-hub .resource-results span { margin-bottom: 8px; color: #8197ad; font-size: 10px; }
.resources-hub #cargo-calculator .resource-results strong { color: #3c5a79; font-size: 22px; }
.resources-hub #cargo-calculator .resource-results > div:last-child { background: #20384f; border-color: #20384f; }
.resources-hub .resource-results > div:last-child span { color: #bfcee0; }
.resources-hub #cargo-calculator .resource-results > div:last-child strong { color: #fff; }
.resources-hub #shipping-checklist { padding-block: 55px; }
.resources-hub #shipping-checklist h2 { color: #344f6e; font-size: clamp(30px, 3vw, 40px); line-height: 1.2; }
.resources-hub #shipping-checklist p { color: #7188a1; font-size: 13px; line-height: 1.9; }
.resources-hub .resource-checklist { margin: 0; padding: 0; counter-reset: preparation; list-style: none; }
.resources-hub .resource-checklist li { position: relative; margin-bottom: 12px; padding: 22px 22px 22px 68px; border: 1px solid #fff; border-radius: 18px; background: #ffffffbf; counter-increment: preparation; }
.resources-hub .resource-checklist li::before { content: counter(preparation, decimal-leading-zero); position: absolute; left: 20px; top: 22px; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #efd1bb; border-radius: 10px; background: #fff0e3; color: #aa4213; font-size: 10px; font-weight: 700; }
.resources-hub .resource-checklist h3 { color: #3c5978; font-size: 18px; }
.resources-hub .resource-checklist p { margin: 0; font-size: 12px !important; }
.resources-hub #incoterms { padding-top: 60px; }
.resources-hub #incoterms h2 { color: #385574; font-size: clamp(30px, 3.2vw, 42px); }
.resources-hub #incoterms p { color: #758ca5; font-size: 13px; line-height: 1.9; }
.resources-hub #incoterms h3 { font-size: 20px; }
.resources-hub .resource-terms dt { color: #aa4315; font-size: 11px; }
.resources-hub .resource-terms dd { color: #7087a0; font-size: 12px; }
.resources-hub #incoterms .bg-dark { background: #20384f !important; border-radius: 24px !important; }
.resources-hub #incoterms .bg-dark .resource-terms dt { color: #ffbf93; }
.resources-hub #incoterms .bg-dark .resource-terms dd { color: #becfe2; }
.resources-hub #incoterms .bg-dark .resource-terms > div { border-bottom-color: #ffffff24; }
@media (max-width: 767px) { .resources-hub .resources-shortcuts { grid-template-columns: 1fr; } }
@media (max-width: 575px) { .theme-glass .resources-hub #cargo-calculator .resource-form { padding: 22px !important; } }
