.notfound-container{background:var(--background-color);min-height:100svh;color:var(--color);justify-content:center;align-items:center;padding:2rem;display:flex}.notfound-card{text-align:center;background:var(--card-color);border:1px solid var(--border-primary);max-width:420px;box-shadow:var(--shadow-soft);border-radius:18px;padding:2.5rem 2rem;animation:.4s fadeIn}.notfound-title{color:var(--primary);letter-spacing:2px;margin:0;font-size:4rem;font-weight:800}.notfound-subtitle{margin-top:.5rem;font-size:1.3rem}.notfound-text{color:#aaa;margin:1rem 0 2rem;font-size:.95rem;line-height:1.4}.notfound-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.notfound-btn{transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease, transform var(--dur-press) var(--ease-out);border-radius:10px;padding:.6rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none}.notfound-btn:active{transform:scale(.97)}.notfound-btn.primary{background:var(--primary);color:var(--title)}.notfound-btn.primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.notfound-btn.secondary{border:1px solid var(--border-primary);color:var(--color)}.notfound-btn.secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}