.page-404 {
    padding: var(--space-9) 0 var(--space-10);
    background:
        radial-gradient(ellipse at center, var(--accent-soft), transparent 60%),
        var(--bg-0);
    min-height: calc(100vh - var(--header-h));
    display: flex;
    align-items: center;
}
.page-404__inner {
    max-width: 620px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
    margin: 0 auto;
}
.page-404__inner p {
    color: var(--text-2);
    font-size: 1.05rem;
}
.page-404__cta {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    justify-content: center;
    margin-top: var(--space-3);
}

@media (max-width: 720px) {
    .page-404 { padding: var(--space-7) 0; }
    .page-404__cta { width: 100%; }
    .page-404__cta .btn { width: 100%; justify-content: center; }
}