.ak-404{background:linear-gradient(135deg, #4a7a7a 0%, hsl(var(--background)) 25%, #6b8e95 50%, hsl(var(--background)) 75%, #4a7a7a 100%)}.ak-404-pyramid{opacity:.4;animation:6s ease-in-out infinite ak-404-pyramid-float}@keyframes ak-404-pyramid-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}}.ak-404-rain{opacity:0;background:linear-gradient(#4a7a7a99 0%,#6b8e9566 50%,#0000 100%);width:2px;animation:3s linear infinite ak-404-rain-fall;position:absolute;top:0}@keyframes ak-404-rain-fall{0%{opacity:0;transform:translateY(-100vh)translate(0)}5%{opacity:.8}95%{opacity:.8}to{opacity:0;transform:translateY(100vh)translate(20px)}}.ak-404-ray{opacity:.6;background:linear-gradient(#4a7a7a80 0%,#0000 50%)}.ak-404-ray-2{opacity:.5;background:linear-gradient(#6b8e9566 0%,#0000 40%)}.ak-404-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6 0%,#ffffffb3 50%,#fffffff2 100%);border:2px solid #4a7a7a4d;box-shadow:0 12px 40px #4a7a7a33,inset 0 1px #ffffffe6,0 0 0 1px #4a7a7a1a}.ak-404-card h1,.ak-404-card h2{font-family:var(--font-sans)}.ak-404-code{background:linear-gradient(135deg,#4a7a7a 0%,#6b8e95 50%,#8bb5b8 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.ak-404-shardy{filter:drop-shadow(0 8px 24px #4a7a7a4d);transition:transform .8s}.ak-404-shardy:active{transform:scale(1.1)rotate(12deg)}.ak-404-shardy-ring{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#fffc 0%,#4a7a7a1a 50%,#ffffffe6 100%);border:2px solid #4a7a7a80;box-shadow:0 6px 24px #4a7a7a4d,inset 0 1px #fffc}.ak-404-mascot{animation:4s ease-in-out infinite ak-404-levitate}.ak-404-shardy:hover .ak-404-mascot,.ak-404-shardy:focus-visible .ak-404-mascot{animation-duration:2.2s}@keyframes ak-404-levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.ak-404-button{border-radius:calc(var(--radius) - 2px);color:#fff;background:linear-gradient(135deg,#4a7a7a 0%,#6b8e95 100%);justify-content:center;align-items:center;height:2.75rem;padding:1.5rem 2rem;font-size:1.125rem;font-weight:600;line-height:1.75rem;transition:all .3s;display:inline-flex;box-shadow:0 6px 24px #4a7a7a4d}.ak-404-button:hover{transform:translateY(-2px);box-shadow:0 10px 35px #4a7a7a80}@media (prefers-reduced-motion:reduce){.ak-404-pyramid,.ak-404-rain,.ak-404-mascot{animation:none}.ak-404-rain{display:none}.ak-404-button:hover,.ak-404-shardy:active{transform:none}}