.page-notfound{background:radial-gradient(ellipse 80% 55% at 50% -10%, #8b5cf61a, transparent 55%), var(--color-bg-page)}.notfound-main{flex:1;justify-content:center;align-items:center;padding:48px 0 72px;display:flex}.notfound-shell{text-align:center;max-width:560px;margin:0 auto}.notfound-illustration{width:min(100%,320px);height:auto;margin:0 auto 28px;display:block}.notfound-code{letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand);margin:0 0 8px;font-size:14px;font-weight:700}.notfound-title{letter-spacing:-.03em;color:var(--color-text-heading);margin:0 0 12px;font-size:clamp(28px,4vw,36px);font-weight:700}.notfound-lead{max-width:420px;color:var(--color-text-faint);margin:0 auto 28px;font-size:16px;line-height:1.55}.notfound-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.notfound-btn{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.notfound-btn-secondary{border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-heading)}.notfound-btn:hover,.notfound-btn-secondary:hover{opacity:.92}@media (width<=640px){.notfound-main{padding:32px 0 48px}.notfound-illustration{width:min(100%,240px);margin-bottom:22px}.notfound-lead{margin-bottom:22px;font-size:14px}.notfound-actions{flex-direction:column;align-items:stretch}.notfound-btn{width:100%}}