.not-found{min-height:calc(100vh - 60px);display:grid;align-items:center;padding-top:24px;padding-bottom:40px}
.not-found-card{overflow:hidden;position:relative;padding:34px 24px 28px;border:1px solid var(--line);border-radius:26px;background:#fff;text-align:center;box-shadow:0 18px 45px rgba(51,47,112,.09)}
.lost-scene{position:relative;width:190px;height:150px;margin:0 auto 20px}
.lost-orbit{position:absolute;inset:13px 20px 7px;border:2px dashed #c9c6ff;border-radius:50%;transform:rotate(-10deg)}
.lost-whale{position:absolute;top:34px;left:48px;display:grid;width:96px;height:76px;place-items:center;border-radius:48% 52% 48% 52%;background:linear-gradient(145deg,#eeecff,#dff7ff);font-size:54px;filter:drop-shadow(0 10px 13px rgba(80,92,190,.16));animation:whale-float 3.2s ease-in-out infinite}
.bubble{position:absolute;display:block;border:2px solid #80d7ef;border-radius:50%;background:#edfbff}
.bubble-one{top:19px;right:29px;width:14px;height:14px}
.bubble-two{top:2px;right:50px;width:8px;height:8px}
.bubble-three{right:13px;bottom:32px;width:9px;height:9px}
.not-found-code{margin:0;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:1.5px}
.not-found-card h1{margin:9px 0 11px;font-size:25px;line-height:1.25}
.not-found-text{max-width:440px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.8}
.not-found-actions{display:flex;justify-content:center;gap:10px;margin:24px 0 17px}
.not-found-actions a,.not-found-actions button{min-width:118px;padding:12px 17px;border-radius:13px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.not-found-actions .back-home{border:1px solid var(--brand);background:var(--brand);color:#fff;text-decoration:none;box-shadow:0 8px 18px rgba(98,88,245,.23)}
.not-found-actions button{border:1px solid #dddff0;background:#f7f7fb;color:#555969}
.not-found-card small{display:block;color:#a0a3af;font-size:11px;line-height:1.6}
@keyframes whale-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@media(max-width:380px){.not-found-card{padding-right:18px;padding-left:18px}.not-found-actions{flex-direction:column}.not-found-actions a,.not-found-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.lost-whale{animation:none}}