.not-found{background:linear-gradient(135deg,var(--bg)0%,#02244a 30%,#0a1a30 65%,#071422 100%);color:#fff;min-height:100vh;font-family:var(--font-ui,system-ui,-apple-system,sans-serif);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.not-found-bg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.orb{filter:blur(40px);opacity:.1;border-radius:50%;position:absolute}.orb-1{background:linear-gradient(45deg,var(--primary),var(--accent),var(--accent-2));width:300px;height:300px;animation:6s ease-in-out infinite float;top:10%;left:10%}.orb-2{background:linear-gradient(45deg,#4c6fa3,#7ea0cf,#b9d0f0);width:200px;height:200px;animation:8s ease-in-out infinite reverse float;top:60%;right:10%}.orb-3{background:linear-gradient(45deg,#1d3b63,#2d5b8f,#4577b1);width:150px;height:150px;animation:7s ease-in-out infinite float;bottom:20%;left:50%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.grid-overlay{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridMove;position:absolute;top:0;left:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.not-found-content{z-index:2;text-align:center;max-width:600px;padding:0 20px;position:relative}.error-code{margin-bottom:2rem}.code-glow{background:linear-gradient(45deg,var(--primary),var(--accent),var(--accent-2),#6ea7ff,#cce2ff);-webkit-text-fill-color:transparent;background-size:400% 400%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(8rem,20vw,12rem);font-weight:900;line-height:1;animation:3s ease-in-out infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.error-title{color:#fff;text-shadow:0 2px 10px #00000080;margin:0 0 1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.error-description{color:#fffc;max-width:500px;margin:0 auto 2rem;font-size:1.2rem;line-height:1.6}.error-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.not-found-content .btn{border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.not-found-content .btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.not-found-content .btn:hover:before{left:100%}.not-found-content .btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--text-dark,#071422);box-shadow:0 4px 15px rgba(var(--accent-rgb),.32)}.not-found-content .btn-primary:hover{box-shadow:0 8px 25px rgba(var(--accent-rgb),.4);transform:translateY(-2px)}.not-found-content .btn-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-color:#ffffff4d}.not-found-content .btn-secondary:hover{background:#fff3;border-color:#ffffff80}.not-found-content .btn-outline{color:#fff;background:0 0;border-color:#ffffff4d}.not-found-content .btn-outline:hover{background:#ffffff1a;border-color:#fff9}.error-features{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.feature-item{color:#ffffffb3;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.feature-icon{width:20px;height:20px;color:var(--accent)}.particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.particle{background:rgba(var(--accent-rgb),.6);border-radius:50%;width:4px;height:4px;animation:6s ease-in-out infinite particleFloat;position:absolute}@keyframes particleFloat{0%,to{opacity:.4;transform:translateY(0)scale(1)}50%{opacity:.8;transform:translateY(-20px)scale(1.2)}}@media (max-width:768px){.error-actions{flex-direction:column;align-items:center}.not-found-content .btn{justify-content:center;width:100%;max-width:280px}.error-features{gap:1rem}.feature-item{text-align:center;flex-direction:column;gap:.25rem}}@media (max-width:480px){.code-glow{font-size:clamp(6rem,25vw,8rem)}.error-title{font-size:clamp(1.8rem,8vw,2.5rem)}.error-description{font-size:1rem}.orb-1,.orb-2,.orb-3{width:150px;height:150px}}