:root{--bg-color:#fff;--text-color:#000;--text-muted:#6b7280;--primary:#000;--primary-text:#fff;--border-color:#e5e7eb;--border-strong:#d1d5db;--hover-bg:#f3f4f6;--shadow-404:#0000000d}.notfound-container{background-color:var(--bg-color);height:100vh;color:var(--text-color);justify-content:center;align-items:center;margin:0;padding:0 1rem;display:flex}.notfound-content{text-align:center;width:100%;max-width:500px}.notfound-hero{margin-bottom:2rem;position:relative}.notfound-number{letter-spacing:-4px;color:var(--shadow-404);-webkit-user-select:none;user-select:none;font-size:12rem;font-weight:800;line-height:1}@media (width>=768px){.notfound-number{font-size:16rem}}.notfound-overlay{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.notfound-title{color:var(--text-color);margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.notfound-description{color:var(--text-muted);font-size:.95rem}.notfound-actions{flex-direction:column;gap:.75rem;display:flex}@media (width>=640px){.notfound-actions{flex-direction:row;justify-content:center}}.btn{cursor:pointer;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s}.btn.primary{background-color:var(--primary);color:var(--primary-text);border:none}.btn.primary:hover{opacity:.85}.btn.outline{border:1px solid var(--border-strong);color:var(--text-color);background:0 0}.btn.outline:hover{background-color:var(--hover-bg)}.notfound-footer{justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-top:2rem;display:flex}.divider{background-color:var(--border-color);width:50px;height:1px}.footer-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.75rem}.loader-container{-webkit-backdrop-filter:blur(3px);z-index:9999;pointer-events:all;background:#ffffff8c;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed}.loader{width:80px;height:80px;animation:3s ease-in-out infinite pulse;position:relative}.loader img{object-fit:contain;width:100%;height:100%}.shine{background:linear-gradient(110deg,#0000 40%,#ffffff40 50%,#0000 60%);width:100px;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-120%;transform:skew(-20deg)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shine{0%{left:-120%}to{left:120%}}