#content:has(.empty-state) { background: #fff; }
.empty-state { box-sizing: border-box; width: 100%; padding: 84px 16px; font-family: Gilroy, sans-serif; text-align: center; }
.empty-state__inner { width: 100%; max-width: 328px; margin: 0 auto; }
.empty-state__image { display: block; width: 150px; height: 150px; margin: 0 auto 16px; object-fit: contain; }
.empty-state .empty-state__title { margin: 0 0 8px; color: #181b1e; font: 700 22px/24px Gilroy, sans-serif; text-transform: none; letter-spacing: normal; }
.empty-state .empty-state__text { margin: 0; color: #626c77; font: 500 14px/20px Gilroy, sans-serif; }
.empty-state .empty-state__button { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 48px; margin-top: 24px; padding: 0 16px; border: 1px solid #ff0032; border-radius: 12px; background: #ff0032; color: #fff; font: 700 16px/20px Gilroy, sans-serif; text-decoration: none; transition: background-color 300ms ease, color 300ms ease; }
.empty-state .empty-state__button:hover { background: #fff; color: #ff0032; }
.empty-state__button:focus-visible { outline: 2px solid #181b1e; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .empty-state .empty-state__button { transition: none; } }