.not-found{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:48px 12px 120px;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(232,240,251,.9) 0,transparent 70%),linear-gradient(165deg,#f8fbff,#e8f0fb 45%,#dce8f8);position:relative;overflow:hidden}.not-found__bubbles{position:absolute;inset:0;pointer-events:none;z-index:0}.not-found__bubble{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.85) 0,rgba(255,255,255,.2) 45%,rgba(52,95,174,.12) 100%);border:1px solid rgba(255,255,255,.55);animation:not-found-rise linear infinite;opacity:0}.not-found__ocean{position:absolute;left:0;right:0;bottom:0;height:140px;pointer-events:none;z-index:0}.not-found__wave{position:absolute;left:0;width:200%;height:100%;bottom:0}.not-found__wave--back{animation:not-found-wave 14s linear infinite}.not-found__wave--mid{animation:not-found-wave 10s linear infinite reverse;bottom:-4px}.not-found__wave--front{animation:not-found-wave 7s linear infinite;bottom:-8px}.not-found__inner{z-index:2;flex-direction:column;align-items:center;gap:36px;max-width:640px;animation:not-found-enter .8s cubic-bezier(.22,1,.36,1) both}.not-found__inner,.not-found__scene{position:relative;display:flex;width:100%}.not-found__scene{justify-content:center;padding:20px 0}.not-found__glow{position:absolute;top:50%;left:50%;width:min(420px,90vw);height:min(420px,90vw);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(52,95,174,.14) 0,rgba(52,95,174,.04) 45%,transparent 70%);animation:not-found-pulse 5s ease-in-out infinite}.not-found__code{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(8px,3vw,20px);line-height:1;-webkit-user-select:none;user-select:none}.not-found__digit{font-size:clamp(96px,24vw,168px);font-weight:700;letter-spacing:-.05em;line-height:.85;background:linear-gradient(160deg,#6b93d4 0,var(--primary-blue) 35%,#2a4d8f 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 10px 28px rgba(52,95,174,.22))}.not-found__digit--left{animation:not-found-slide-left .9s cubic-bezier(.22,1,.36,1) .15s both}.not-found__digit--right{animation:not-found-slide-right .9s cubic-bezier(.22,1,.36,1) .15s both}.not-found__orb{position:relative;width:clamp(96px,22vw,148px);height:clamp(96px,22vw,148px);display:flex;align-items:center;justify-content:center;animation:not-found-float 5s ease-in-out infinite}.not-found__orb-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(52,95,174,.18)}.not-found__orb-ring--1{animation:not-found-ring 4s ease-in-out infinite}.not-found__orb-ring--2{inset:-12px;border-color:rgba(52,95,174,.1);animation:not-found-ring 4s ease-in-out .6s infinite}.not-found__orb-inner{width:88%;height:88%;border-radius:50%;background:linear-gradient(145deg,#ffffff,#e8f0fb);box-shadow:0 20px 50px rgba(52,95,174,.28),0 4px 16px rgba(52,95,174,.12),inset 0 2px 0 rgba(255,255,255,.95),inset 0 -6px 20px rgba(52,95,174,.08);display:flex;align-items:center;justify-content:center;animation:not-found-orb-enter 1s cubic-bezier(.22,1,.36,1) .3s both}.not-found__fish{width:72%;height:auto;animation:not-found-swim 3.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(52,95,174,.2))}.not-found__home{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#4a7bc8 0,var(--primary-blue) 100%);color:var(--white);text-decoration:none;box-shadow:0 10px 32px rgba(52,95,174,.35),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease;animation:not-found-enter .8s cubic-bezier(.22,1,.36,1) .5s both}.not-found__home-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(52,95,174,.25);opacity:1;transform:scale(1);transition:transform .3s ease,opacity .3s ease}.not-found__home:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 18px 44px rgba(52,95,174,.42),inset 0 1px 0 rgba(255,255,255,.3)}.not-found__home:hover .not-found__home-ring{transform:scale(1.18);opacity:0}.not-found__home:active{transform:translateY(-1px) scale(1.03)}.not-found__home svg{width:26px;height:26px}@keyframes not-found-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes not-found-slide-left{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}@keyframes not-found-slide-right{0%{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}@keyframes not-found-orb-enter{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes not-found-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes not-found-swim{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(3px) rotate(2deg)}75%{transform:translateX(-3px) rotate(-2deg)}}@keyframes not-found-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.7}}@keyframes not-found-ring{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.06);opacity:1}}@keyframes not-found-rise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.7}90%{opacity:.4}to{transform:translateY(-110vh) scale(1.2);opacity:0}}@keyframes not-found-wave{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:480px){.not-found{min-height:calc(100vh - 160px);padding-top:32px;padding-bottom:100px}.not-found__inner{gap:28px}.not-found__ocean{height:100px}}@media (prefers-reduced-motion:reduce){.not-found__bubble,.not-found__digit--left,.not-found__digit--right,.not-found__fish,.not-found__glow,.not-found__home,.not-found__inner,.not-found__orb,.not-found__orb-inner,.not-found__orb-ring,.not-found__wave{animation:none!important}}