.notfound-page{min-height:100vh;padding:var(--spacing-lg);background:var(--color-bg-primary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.notfound-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#a1c9f10f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.notfound-container{text-align:center;z-index:1;width:100%;max-width:480px;position:relative}.notfound-logo{margin-bottom:var(--spacing-xl);transition:transform var(--transition-normal);display:inline-block}.notfound-logo:hover{transform:scale(1.05)}.notfound-code{background:linear-gradient(135deg, #fff 0%, var(--color-accent) 50%, #7eb8e8 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-md);letter-spacing:-4px;-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:700;line-height:1}.notfound-title{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.notfound-message{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.6}.notfound-message span{color:var(--color-accent)}.notfound-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.notfound-btn{border-radius:var(--radius-full);font-size:var(--text-base);font-weight:600;font-family:var(--font-sans);transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:8px;padding:14px 28px;text-decoration:none;display:inline-flex}.notfound-btn:hover{transform:translateY(-1px)}.notfound-btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.notfound-btn--primary:hover{background:var(--color-accent-hover);box-shadow:0 4px 20px #a1c9f14d}.notfound-btn--ghost{background:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border)}.notfound-btn--ghost:hover{border-color:var(--color-border-hover);background:#ffffff14}.notfound-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.notfound-particle{background:var(--color-accent);opacity:.15;border-radius:50%;width:4px;height:4px;animation:6s ease-in-out infinite notfound-float;position:absolute}.notfound-particle:first-child{animation-duration:7s;animation-delay:0s;top:20%;left:15%}.notfound-particle:nth-child(2){width:6px;height:6px;animation-duration:5s;animation-delay:1s;top:60%;left:80%}.notfound-particle:nth-child(3){animation-duration:8s;animation-delay:2s;top:80%;left:25%}.notfound-particle:nth-child(4){width:3px;height:3px;animation-duration:6s;animation-delay:3s;top:10%;left:70%}.notfound-particle:nth-child(5){width:5px;height:5px;animation-duration:9s;animation-delay:1.5s;top:45%;left:5%}@keyframes notfound-float{0%,to{opacity:.15;transform:translateY(0)scale(1)}50%{opacity:.3;transform:translateY(-20px)scale(1.5)}}@media (max-width:480px){.notfound-code{letter-spacing:-2px;font-size:5rem}.notfound-title{font-size:var(--text-xl)}.notfound-actions{flex-direction:column;align-items:center}.notfound-btn{justify-content:center;width:100%}}