.not-found-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--background)}.not-found-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;opacity:.4;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,rgba(34,197,94,.3),rgba(16,185,129,.2));top:-100px;left:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:linear-gradient(225deg,rgba(59,130,246,.3),rgba(37,99,235,.2));bottom:-50px;right:-50px;animation-delay:7s}.orb-3{width:250px;height:250px;background:linear-gradient(45deg,rgba(168,85,247,.3),rgba(147,51,234,.2));top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.grid-pattern{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:50px 50px;opacity:.3;animation:gridShift 20s linear infinite}@keyframes gridShift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.not-found-content{position:relative;z-index:1;max-width:42rem;width:100%;padding:2rem;text-align:center;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-code-wrapper{position:relative;margin-bottom:2rem;display:inline-block}.error-code{font-size:clamp(5rem,15vw,10rem);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--primary) 0,var(--primary) 50%,rgba(34,197,94,.8) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 3s ease infinite;letter-spacing:-.02em;position:relative;z-index:1}.error-code .digit{display:inline-block;animation:digitFloat 2s ease-in-out infinite}@keyframes digitFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.error-code-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,var(--primary) 0,transparent 70%);opacity:.2;filter:blur(40px);z-index:0;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}.error-message-wrapper{margin-bottom:3rem;animation:fadeInUp .8s ease-out .2s both}.error-message{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--text);opacity:.8;font-weight:400;margin-bottom:.5rem;line-height:1.6}.error-underline{width:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);margin:.5rem auto 0;animation:underlineExpand 1s ease-out .8s forwards}@keyframes underlineExpand{to{width:100px}}.error-actions{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:4rem;animation:fadeInUp .8s ease-out .4s both}@media (min-width:640px){.error-actions{flex-direction:row;justify-content:center}}.error-button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.error-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.error-button:hover:before{left:100%}.error-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.blog-roll-container{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);animation:fadeInUp .8s ease-out .6s both}.blog-roll-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text);opacity:.5;margin-bottom:1.5rem;text-align:left}.blog-roll-list{display:flex;flex-direction:column;gap:.5rem;text-align:left}.blog-roll-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;color:var(--text);opacity:.7;text-decoration:none;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInLeft .6s ease-out both;position:relative;overflow:hidden}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:.7;transform:translateX(0)}}.blog-roll-item:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--primary);transition:width .3s cubic-bezier(.4,0,.2,1)}.blog-roll-item:hover{opacity:1;transform:translateX(4px);color:var(--primary)}.blog-roll-item:hover:before{width:100%}.blog-roll-bullet{color:var(--text);opacity:.3;font-size:1.25rem;line-height:1;margin-top:.125rem;transition:all .3s ease;flex-shrink:0}.blog-roll-item:hover .blog-roll-bullet{opacity:1;color:var(--primary);transform:scale(1.2)}.blog-roll-text{flex:1;line-height:1.5;transition:all .3s ease}@media (prefers-color-scheme:dark){.grid-pattern{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0)}.error-button{border:1px solid rgba(255,255,255,.15)}.blog-roll-container{border-top:1px solid rgba(255,255,255,.15)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.gradient-orb,.grid-pattern{animation:none}}