.notfound{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.notfound__bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60%,#000 30%,#0000 70%);mask-image:radial-gradient(60% 60%,#000 30%,#0000 70%)}.notfound__glow-orb{filter:blur(120px);pointer-events:none;opacity:.4;border-radius:50%;position:absolute}.notfound__glow-orb--primary{background:var(--color-accent);opacity:.12;width:500px;height:500px;top:-10%;right:-5%}.notfound__glow-orb--secondary{background:var(--color-tertiary);opacity:.08;width:400px;height:400px;bottom:-15%;left:-10%}.notfound__glow-orb--center{background:var(--color-accent);opacity:.05;width:600px;height:600px;animation:4s ease-in-out infinite pulse-glow-404;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow-404{0%,to{opacity:.05;transform:translate(-50%,-50%)scale(1)}50%{opacity:.1;transform:translate(-50%,-50%)scale(1.1)}}.notfound__particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.notfound__particle{background:var(--color-accent);opacity:0;width:3px;height:3px;animation:particle-float var(--duration) var(--delay) ease-in-out infinite;border-radius:50%;position:absolute}@keyframes particle-float{0%{opacity:0;transform:translateY(0)scale(0)}10%{opacity:.6;transform:scale(1)}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)scale(0)}}.notfound__content{z-index:var(--z-normal);text-align:center;align-items:center;gap:var(--space-8);max-width:680px;padding:0 var(--space-6);flex-direction:column;display:flex;position:relative}.notfound__code-wrapper{position:relative}.notfound__code{font-family:var(--font-mono);color:#0000;background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 40%, var(--color-accent-light) 100%);letter-spacing:-.04em;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:clamp(7rem,20vw,14rem);font-weight:700;line-height:1;position:relative}.notfound__code:after{content:"404";font-family:var(--font-mono);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px #e6394626;font-size:clamp(7rem,20vw,14rem);font-weight:700;line-height:1;animation:3s ease-in-out infinite glitch-shift;position:absolute;inset:0}@keyframes glitch-shift{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-1px,1px)}80%{transform:translate(2px,-1px)}}.notfound__code-shadow{filter:blur(10px);background:radial-gradient(#e6394626,#0000 70%);width:80%;height:40px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.notfound__card{-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-8);align-items:center;gap:var(--space-6);background:#13131380;flex-direction:column;width:100%;max-width:520px;display:flex;position:relative;overflow:hidden}.notfound__card:before{content:"";background:linear-gradient(90deg,#0000,#e6394666,#0000);height:1px;position:absolute;top:0;left:0;right:0}.notfound__card-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff05 45%,#ffffff0a 50%,#ffffff05 55%,#0000 100%);width:200%;height:100%;animation:6s ease-in-out infinite card-shimmer;position:absolute;top:0;left:-100%}@keyframes card-shimmer{0%{transform:translate(-50%)}to{transform:translate(50%)}}.notfound__title{font-family:var(--font-primary);font-size:var(--text-3xl);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:800;line-height:1.2}.notfound__description{font-size:var(--text-base);color:var(--color-text-secondary);max-width:420px;line-height:1.7}.notfound__actions{gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.notfound__btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-premium);letter-spacing:.02em;border:none;outline:none;font-weight:600;text-decoration:none;display:inline-flex}.notfound__btn--primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-glow-sm)}.notfound__btn--primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow-md);transform:translateY(-2px)}.notfound__btn--primary:active{transform:translateY(0)}.notfound__btn--outline{color:var(--color-text-primary);border:1px solid var(--color-border-hover);background:0 0}.notfound__btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-glow-sm);transform:translateY(-2px)}.notfound__btn--outline:active{transform:translateY(0)}.notfound__btn-icon{transition:transform var(--duration-fast) var(--ease-smooth);font-size:1.1em}.notfound__btn--primary:hover .notfound__btn-icon{transform:translate(-3px)}.notfound__btn--outline:hover .notfound__btn-icon{transform:rotate(-45deg)}.notfound__breadcrumb{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4);display:flex}.notfound__breadcrumb-sep{color:var(--color-accent);opacity:.5}.notfound__breadcrumb-current{color:var(--color-accent);opacity:.7}.notfound__corner{pointer-events:none;opacity:.15;width:60px;height:60px;position:absolute}.notfound__corner--tl{border-top:2px solid var(--color-accent);border-left:2px solid var(--color-accent);top:40px;left:40px}.notfound__corner--tr{border-top:2px solid var(--color-accent);border-right:2px solid var(--color-accent);top:40px;right:40px}.notfound__corner--bl{border-bottom:2px solid var(--color-accent);border-left:2px solid var(--color-accent);bottom:40px;left:40px}.notfound__corner--br{border-bottom:2px solid var(--color-accent);border-right:2px solid var(--color-accent);bottom:40px;right:40px}@media (max-width:768px){.notfound__card{padding:var(--space-8) var(--space-6);margin:0 var(--space-4)}.notfound__title{font-size:var(--text-2xl)}.notfound__description{font-size:var(--text-sm)}.notfound__corner{width:40px;height:40px}.notfound__corner--tl{top:20px;left:20px}.notfound__corner--tr{top:20px;right:20px}.notfound__corner--bl{bottom:20px;left:20px}.notfound__corner--br{bottom:20px;right:20px}}@media (max-width:480px){.notfound__content{gap:var(--space-6)}.notfound__actions{width:100%;padding:0 var(--space-4);flex-direction:column}.notfound__btn{justify-content:center;width:100%}}