.nf{min-height:60vh;padding-block:var(--space-12);text-align:center;justify-content:center;align-items:center;display:flex}.nf__inner{align-items:center;gap:var(--space-3);flex-direction:column;max-width:520px;display:flex}.nf__code{font:var(--text-h1);color:var(--color-red-600);letter-spacing:-.02em;font-size:clamp(64px,12vw,120px);font-weight:800;line-height:1}.nf__code--err{background:var(--color-error-bg,#fef2f2);width:96px;height:96px;color:var(--color-red-600);border-radius:50%;justify-content:center;align-items:center;font-size:56px;display:inline-flex}.nf__title{font:var(--text-h2);color:var(--color-neutral-900);margin:var(--space-2) 0 0;font-weight:700}.nf__desc{font:var(--text-body);color:var(--color-neutral-500);margin:0}.nf__actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.skel{flex-direction:column;min-height:70vh;display:flex}.skel__bar{background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);height:68px}.skel__body{gap:var(--space-4);padding-block:var(--space-8) var(--space-16);flex-direction:column;display:flex}.skel__title,.skel__sub,.skel__line,.skel__card{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--color-neutral-100) 0%, var(--color-neutral-200) 50%, var(--color-neutral-100) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite skel-shimmer}.skel__title{width:min(360px,60%);height:32px}.skel__sub{width:min(520px,80%);height:16px}.skel__plp{gap:var(--space-6);margin-top:var(--space-4);grid-template-columns:288px 1fr;align-items:start;display:grid}.skel__side{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);flex-direction:column;display:flex}.skel__line{height:14px}.skel__line:nth-child(odd){width:70%}.skel__grid{gap:var(--space-5);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.skel__plp .skel__grid{margin-top:0}.skel__card{aspect-ratio:3/4;border-radius:var(--radius-lg)}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1023px){.skel__plp{grid-template-columns:1fr}.skel__side{display:none}}@media (prefers-reduced-motion:reduce){.skel__title,.skel__sub,.skel__line,.skel__card{animation:none}}