@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}:where(.page-notfound).page-notfound-wrap{flex-direction:column;min-height:100vh;display:flex}:where(.page-notfound) nav{z-index:100;padding:0 var(--side-pad);border-bottom:1px solid var(--gray-md);background:#fff;justify-content:space-between;align-items:center;height:66px;display:flex;position:fixed;top:0;left:0;right:0}:where(.page-notfound) .nav-logo{align-items:center;text-decoration:none;display:flex}:where(.page-notfound) .nav-links{gap:2.2rem;list-style:none;display:flex}:where(.page-notfound) .nav-links a{color:var(--muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color .2s}:where(.page-notfound) .nav-links a:hover{color:var(--navy)}:where(.page-notfound) .btn-nav{background:var(--teal);color:#fff;border-radius:var(--rs);min-height:44px;font-family:var(--font-inter), sans-serif;font-weight:600;font-size:var(--text-sm);cursor:pointer;letter-spacing:-.01em;border:none;align-items:center;padding:.5rem 1.25rem;text-decoration:none;transition:background .2s;display:inline-flex}:where(.page-notfound) .btn-nav:hover{background:var(--teal-dk)}:where(.page-notfound) .page-404{text-align:center;background:linear-gradient(170deg,#fff 0%,#f0fdf9 45%,#f8fafc 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8rem 2rem 5rem;display:flex;position:relative;overflow:hidden}:where(.page-notfound) .page-404:before{content:"";pointer-events:none;background:radial-gradient(65% 45% at 50% 15%,#0d948812 0%,#0000 70%);position:absolute;inset:0}:where(.page-notfound) .err-num{letter-spacing:-.06em;color:var(--navy);opacity:0;margin-bottom:.25rem;font-size:clamp(7rem,20vw,14rem);font-weight:900;line-height:1;animation:.55s forwards fadeUp;position:relative}:where(.page-notfound) .err-num span{color:var(--teal)}:where(.page-notfound) .sensor-strip{border:1px solid var(--gray-md);border-radius:var(--rpill);opacity:0;background:#fff;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.2rem;animation:.55s .1s forwards fadeUp;display:flex;box-shadow:0 2px 12px #0000000f}:where(.page-notfound) .sensor-line{background:var(--gray-md);border-radius:3px;width:32px;height:5px}:where(.page-notfound) .sensor-line.active{background:var(--teal)}:where(.page-notfound) .sensor-label{font-size:var(--text-xs);color:var(--gray);letter-spacing:.08em;text-transform:uppercase;margin-left:.25rem;font-weight:700}:where(.page-notfound) .sensor-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #ef444426}:where(.page-notfound) .err-title{letter-spacing:-.04em;color:var(--navy);opacity:0;margin-bottom:.75rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;animation:.55s .18s forwards fadeUp}:where(.page-notfound) .err-sub{font-size:var(--text-base);color:var(--muted);opacity:0;max-width:440px;margin-bottom:2.5rem;line-height:1.7;animation:.55s .26s forwards fadeUp}:where(.page-notfound) .err-btns{opacity:0;flex-wrap:wrap;justify-content:center;gap:.8rem;animation:.55s .34s forwards fadeUp;display:flex}:where(.page-notfound) .btn-p{background:var(--teal);color:#fff;border-radius:var(--rs);min-height:44px;font-family:var(--font-inter), sans-serif;font-weight:600;font-size:var(--text-sm);cursor:pointer;letter-spacing:-.01em;border:none;align-items:center;gap:.45rem;padding:.7rem 1.75rem;text-decoration:none;transition:background .2s;display:inline-flex}:where(.page-notfound) .btn-p:hover{background:var(--teal-dk)}:where(.page-notfound) .btn-s{color:var(--navy);border-radius:var(--rs);border:1.5px solid var(--gray-bd);min-height:44px;font-family:var(--font-inter), sans-serif;font-weight:600;font-size:var(--text-sm);cursor:pointer;letter-spacing:-.01em;background:#fff;align-items:center;padding:.7rem 1.75rem;text-decoration:none;transition:all .2s;display:inline-flex}:where(.page-notfound) .btn-s:hover{border-color:var(--teal);color:var(--teal)}:where(.page-notfound) .quick-links{opacity:0;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:3.5rem;animation:.55s .42s forwards fadeUp;display:flex}:where(.page-notfound) .ql-chip{border:1px solid var(--gray-md);border-radius:var(--rpill);font-size:var(--text-xs);color:var(--muted);background:#fff;align-items:center;gap:.35rem;padding:.3rem .9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}:where(.page-notfound) .ql-chip:hover{border-color:var(--teal);color:var(--teal);background:#0d94880a}:where(.page-notfound) footer{background:var(--navy);padding:2rem var(--side-pad);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}:where(.page-notfound) .foot-copy{font-size:var(--text-xs);color:#475569}:where(.page-notfound) .foot-links{gap:1.4rem;display:flex}:where(.page-notfound) .foot-links a{font-size:var(--text-xs);color:#475569;text-decoration:none;transition:color .2s}:where(.page-notfound) .foot-links a:hover{color:#94a3b8}:where(.page-notfound) a:focus-visible,:where(.page-notfound) button:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:var(--rs)}@media (max-width:960px){:where(.page-notfound) nav,:where(.page-notfound) footer{padding-left:1.5rem;padding-right:1.5rem}:where(.page-notfound) .nav-links{display:none}}