body.error-page { min-height: 100vh; overflow-x: hidden; }
.error-page__header { padding-top: 34px; }
.error-page__main { display: flex; justify-content: center; padding: 0 24px 56px; }
.error-page__card { width: min(760px, 100%); padding: 52px 56px 48px; color: #172b45; text-align: center; background: #fff; border: 1px solid rgba(218, 228, 239, .95); border-radius: 18px; box-shadow: 0 18px 45px rgba(0, 31, 68, .18); }
.error-page__icon { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin: 0 auto 26px; color: #fff; background: #d8782b; border: 5px solid #f5c45e; border-radius: 50%; box-shadow: 0 7px 16px rgba(216, 120, 43, .2); font-size: 42px; font-weight: 700; line-height: 1; }
.error-page__card h1 { margin: 0; color: #122b55; font-size: 34px; font-weight: 700; line-height: 1.15; }
.error-page__message { max-width: 600px; margin: 16px auto 32px; color: #667aa0; font-size: 18px; line-height: 1.5; overflow-wrap: anywhere; }
.error-page__button { display: inline-flex; align-items: center; justify-content: center; min-width: 190px; min-height: 54px; padding: 12px 28px; color: #fff; background: #c77a32; border: 1px solid #b56a27; border-radius: 8px; font-size: 15px; font-weight: 700; text-decoration: none; }
.error-page__button:hover, .error-page__button:focus { color: #fff; background: #b56a27; text-decoration: none; }
@media (max-width: 767px) {
    .error-page__header { padding: 24px 18px 0; }
    .error-page__header .rx-brand-card { width: min(408px, 100%); }
    .error-page__card { padding: 38px 24px 34px; }
    .error-page__card h1 { font-size: 28px; }
}