.not-found{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:80px;gap:24px}
.not-found h1{font-size:clamp(2rem,4.2vw,4.5rem);color:var(--green,#078462);letter-spacing:-.035em;line-height:1.12;margin:0;text-wrap:balance}
.not-found p{max-width:42ch;margin:0;color:#52606b;font-size:clamp(1rem,1.8vw,1.3rem)}
.not-found-signal{display:flex;align-items:center;gap:clamp(12px,3vw,48px);font-size:clamp(5.5rem,16vw,12rem);font-weight:700;line-height:1;color:#111827;margin-bottom:12px}
.not-found-record{width:clamp(76px,14vw,164px);aspect-ratio:1;border-radius:50%;background:#111827;position:relative;animation:record-spin 8s linear infinite}
.not-found-record:before,.not-found-record:after{content:"";position:absolute;inset:15%;border:1px solid #52606b;border-radius:50%}
.not-found-record:after{inset:25%}
.not-found-record i{position:absolute;inset:35%;border-radius:50%;background:#078462}
.not-found-record b{position:absolute;inset:47%;border-radius:50%;background:#fff}
.not-found-record i:after{content:"";position:absolute;width:6px;height:6px;top:15%;left:50%;border-radius:50%;background:#fff}
.not-found-home{font-size:1.2rem;min-height:64px;padding-inline:36px;margin-top:12px}
@keyframes record-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.not-found-record{animation:none}}
@media(max-width:600px){.not-found{padding-block:64px;gap:20px;min-height:66vh}.not-found-home{width:100%;justify-content:center;max-width:320px}}