.notfound{width:100%;min-height:100vh;font-family:var(--font-outfit), "Outfit", system-ui, sans-serif;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex;position:relative;overflow:hidden}.notfound__particles{pointer-events:none;position:absolute;inset:0}.notfound__particle{left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:var(--opacity);animation:nf-particle-drift var(--duration) ease-in-out var(--delay) infinite alternate;filter:blur(1px);background:radial-gradient(circle,#00000080,#00000014);border-radius:50%;position:absolute}@keyframes nf-particle-drift{0%{transform:translateY(0)translate(0)scale(1)}to{transform:translateY(-30px)translate(15px)scale(.5)}}.notfound__orbit{pointer-events:none;border:1px solid #0000;border-radius:50%;position:absolute}.notfound__orbit--1{border-color:#0000001a #00000006 #00000006;width:480px;height:480px;animation:10s linear infinite nf-orbit}.notfound__orbit--2{border-color:#00000004 #00000012 #00000004 #00000004;width:640px;height:640px;animation:14s linear infinite reverse nf-orbit}@keyframes nf-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notfound__scene{perspective:800px;perspective-origin:50%}.notfound__block{width:280px;height:120px;transform-style:preserve-3d;transition:transform .15s ease-out;animation:4s ease-in-out infinite nf-idle-float;position:relative}@keyframes nf-idle-float{0%,to{translate:0}50%{translate:0 -12px}}.notfound__face{backface-visibility:visible;justify-content:center;align-items:center;display:flex;position:absolute}.notfound__face--front{letter-spacing:-.04em;color:#000;background:#fff;border:2px solid #0000001f;border-radius:20px;width:280px;height:120px;font-size:72px;font-weight:900;transform:translateZ(20px);box-shadow:inset 0 0 40px #00000008}.notfound__face--back{letter-spacing:-.04em;color:#0000001a;background:#0000000a;border:1px solid #0000000f;border-radius:20px;width:280px;height:120px;font-size:72px;font-weight:900;transform:rotateY(180deg)translateZ(20px)}.notfound__face--left{background:linear-gradient(#0000000a,#00000014);border-top:1px solid #0000000f;border-bottom:1px solid #0000000f;width:40px;height:120px;left:-20px;transform:rotateY(-90deg)translateZ(0)}.notfound__face--right{background:linear-gradient(#0000000f,#0000001a);border-top:1px solid #0000000f;border-bottom:1px solid #0000000f;width:40px;height:120px;right:-20px;transform:rotateY(90deg)translateZ(240px)}.notfound__face--top{background:linear-gradient(90deg,#00000005,#0000000d);border-left:1px solid #0000000d;border-right:1px solid #0000000d;width:280px;height:40px;top:-20px;transform:rotateX(90deg)translateZ(0)}.notfound__face--bottom{background:linear-gradient(90deg,#0000000f,#0000001a);border-left:1px solid #0000000f;border-right:1px solid #0000000f;width:280px;height:40px;bottom:-20px;transform:rotateX(-90deg)translateZ(80px)}.notfound__block:after{content:"";background:radial-gradient(#0000001a 0%,#0000 70%);border-radius:50%;width:80%;height:20px;animation:4s ease-in-out infinite nf-shadow-pulse;position:absolute;bottom:-40px;left:10%;transform:translateZ(-30px)}@keyframes nf-shadow-pulse{0%,to{opacity:.7;transform:translateZ(-30px)scaleX(1)}50%{opacity:.4;transform:translateZ(-30px)scaleX(.85)}}.notfound__content{z-index:2;flex-direction:column;align-items:center;gap:14px;margin-top:12px;display:flex}.notfound__title{color:#000;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.notfound__desc{color:#00000073;text-align:center;max-width:360px;margin:0;font-size:14px;line-height:1.65}.notfound__actions{gap:12px;margin-top:8px;display:flex}.notfound__btn{font-family:var(--font-outfit), "Outfit", system-ui, sans-serif;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.notfound__btn svg{width:18px;height:18px}.notfound__btn--primary{color:#fff;background:#000;box-shadow:0 4px 16px #00000026}.notfound__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000040}.notfound__btn--secondary{color:#000;background:#0000000d;border:1px solid #0000001a}.notfound__btn--secondary:hover{background:#00000014;transform:translateY(-2px)}.notfound__scattered{pointer-events:none;z-index:1;position:absolute;inset:0}.notfound__item{color:#00000014;display:flex;position:absolute}.notfound__item svg{width:100%;height:100%}.notfound__item--1{width:48px;height:48px;animation:5s ease-in-out infinite alternate nf-float-item;top:12%;left:8%;transform:rotate(-15deg)}.notfound__item--2{width:40px;height:40px;animation:6s ease-in-out 1s infinite alternate nf-float-item;top:18%;right:10%;transform:rotate(12deg)}.notfound__item--3{width:36px;height:36px;animation:5.5s ease-in-out .5s infinite alternate nf-float-item;bottom:20%;left:12%;transform:rotate(20deg)}.notfound__item--4{width:44px;height:44px;animation:7s ease-in-out 1.5s infinite alternate nf-float-item;bottom:15%;right:8%;transform:rotate(-8deg)}@keyframes nf-float-item{0%{opacity:.08;translate:0}to{opacity:.15;translate:0 -18px}}@media (max-width:480px){.notfound__block{width:200px;height:90px}.notfound__face--front,.notfound__face--back{width:200px;height:90px;font-size:52px}.notfound__face--left,.notfound__face--right{height:90px}.notfound__face--top,.notfound__face--bottom{width:200px}.notfound__face--right{transform:rotateY(90deg)translateZ(160px)}.notfound__face--bottom{transform:rotateX(-90deg)translateZ(50px)}.notfound__title{font-size:20px}.notfound__desc{max-width:280px;font-size:13px}.notfound__actions{flex-direction:column}.notfound__orbit--1{width:300px;height:300px}.notfound__orbit--2{width:400px;height:400px}.notfound__item--1,.notfound__item--2,.notfound__item--3,.notfound__item--4{display:none}}