.error-404{min-height:calc(100vh - var(--header-height) - var(--footer-height,200px));padding:40px 20px;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;align-items:center;justify-content:center}.error-container{max-width:1200px;width:100%;text-align:center}.error-graphic{position:relative;margin-bottom:48px;height:300px;display:flex;align-items:center;justify-content:center}.error-code{display:flex;align-items:center;justify-content:center;gap:20px;font-size:8rem;font-weight:900;color:var(--accent-primary);font-family:var(--font-mono);position:relative;z-index:2}.digit{animation:bounce 2s ease-in-out infinite;text-shadow:0 4px 8px rgba(0,0,0,.1)}.digit:first-child{animation-delay:.1s}.digit:last-child{animation-delay:.3s}.zero-container{position:relative;width:120px;height:120px;animation:bounce 2s ease-in-out infinite;animation-delay:.2s}.zero{width:100%;height:100%;border:8px solid var(--accent-primary);border-radius:50%;position:relative;background:var(--bg-primary);box-shadow:0 8px 16px rgba(0,0,0,.1);animation:rotate 4s linear infinite}.zero-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px}.magnifying-glass{width:40px;height:40px;border:3px solid var(--text-secondary);border-radius:50%;position:relative;animation:search 3s ease-in-out infinite}.glass-handle{position:absolute;width:3px;height:20px;background:var(--text-secondary);bottom:-18px;right:-8px;transform:rotate(45deg);border-radius:2px}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.element{position:absolute;color:var(--accent-secondary);opacity:.6;font-weight:600;animation:float 6s ease-in-out infinite}.element-1{top:10%;left:15%;animation-delay:0s}.element-2{top:20%;right:20%;animation-delay:1s}.element-3{bottom:30%;left:10%;animation-delay:2s}.element-4{bottom:20%;right:15%;font-size:1.5rem;font-family:var(--font-mono);animation-delay:3s}.element-5{top:15%;left:50%;font-size:1.8rem;font-family:var(--font-mono);animation-delay:4s}.element-6{bottom:40%;right:40%;font-size:2rem;font-family:var(--font-mono);animation-delay:5s}.error-content{max-width:800px;margin:0 auto}.error-title{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;line-height:1.2;animation:fadeInUp 1s ease-out}.error-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:48px;line-height:1.6;animation:fadeInUp 1s ease-out .2s both}.error-search{margin-bottom:48px;animation:fadeInUp 1s ease-out .4s both}.error-search h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.search-box{display:flex;max-width:500px;margin:0 auto;border-radius:50px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid var(--border-color)}.search-box input{flex:1;padding:16px 24px;border:none;outline:0;background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.search-box input::placeholder{color:var(--text-tertiary)}.search-box button{padding:16px 20px;border:none;background:var(--accent-primary);color:#fff;cursor:pointer;transition:var(--transition)}.search-box button:hover{background:var(--accent-hover)}.error-navigation{margin-bottom:48px;animation:fadeInUp 1s ease-out .6s both}.error-navigation h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:32px}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.nav-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-decoration:none;color:var(--text-primary);transition:var(--transition);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}.nav-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:var(--accent-primary)}.nav-card.featured{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-color:var(--accent-primary)}.nav-card.featured:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-secondary))}.nav-icon{width:48px;height:48px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--accent-primary)}.nav-card.featured .nav-icon{background:rgba(255,255,255,.2);color:#fff}.nav-card h3{font-size:1.25rem;font-weight:600;margin-bottom:8px}.nav-card p{font-size:.95rem;opacity:.8;margin:0}.error-help{background:var(--bg-secondary);border-radius:12px;padding:32px;margin-bottom:32px;animation:fadeInUp 1s ease-out .8s both}.error-help h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.error-help p{color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.error-help ul{text-align:left;max-width:500px;margin:0 auto;padding-left:20px}.error-help li{color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.error-help a{color:var(--accent-primary);text-decoration:none;font-weight:500}.error-help a:hover{text-decoration:underline}.error-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out 1s both}.error-actions .btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:var(--transition)}.error-actions .btn svg{flex-shrink:0}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes search{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0);opacity:.6}33%{transform:translateY(-20px) rotate(120deg);opacity:.8}66%{transform:translateY(10px) rotate(240deg);opacity:.4}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.error-404{padding:20px 16px}.error-code{font-size:4rem;gap:10px}.zero-container{width:80px;height:80px}.error-title{font-size:2rem}.error-description{font-size:1.125rem}.nav-grid{grid-template-columns:1fr}.error-actions{flex-direction:column;align-items:center}.error-actions .btn{width:100%;max-width:300px;justify-content:center}.floating-elements .element{font-size:.8rem}.element-4,.element-5,.element-6{font-size:1rem}}@media (max-width:480px){.error-graphic{height:200px;margin-bottom:32px}.error-code{font-size:3rem}.zero-container{width:60px;height:60px}.zero-inner{width:40px;height:40px}.magnifying-glass{width:30px;height:30px}.error-title{font-size:1.75rem}.error-help{padding:24px}.search-box{flex-direction:column;border-radius:12px}.search-box button,.search-box input{border-radius:0}.search-box input{border-radius:12px 12px 0 0}.search-box button{border-radius:0 0 12px 12px;padding:12px}}[data-theme=dark] .zero{background:var(--bg-primary);box-shadow:0 8px 16px rgba(0,0,0,.3)}[data-theme=dark] .search-box{box-shadow:0 4px 12px rgba(0,0,0,.2)}[data-theme=dark] .nav-card{box-shadow:0 2px 8px rgba(0,0,0,.1)}[data-theme=dark] .nav-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.2)}@media (prefers-reduced-motion:reduce){.digit,.element,.error-actions,.error-description,.error-help,.error-navigation,.error-search,.error-title,.magnifying-glass,.zero,.zero-container{animation:none}.nav-card:hover{transform:none}}.error-actions .btn:focus,.nav-card:focus,.search-box button:focus,.search-box input:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media print{.error-404{background:#fff;color:#000}.error-graphic,.floating-elements{display:none}.nav-card{border:1px solid #ccc;break-inside:avoid}}