.notfound-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#ffffff 50%,#f0f9ff);display:flex;align-items:center;justify-content:center;padding:24px}.notfound-content{max-width:600px;width:100%;text-align:center}.notfound-logo-container{margin-bottom:48px;display:flex;justify-content:center}.notfound-logo-wrapper{background:linear-gradient(135deg,#3b6ce7,#3b6ce7);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:24px 32px;display:inline-block;border:2px solid #2563eb;transition:all .3s cubic-bezier(.4,0,.2,1)}.notfound-logo-wrapper:hover{box-shadow:0 20px 60px rgba(37,99,235,.4);transform:translateY(-4px);border-color:#1d4ed8}.notfound-logo{width:auto;height:40px;display:block}.notfound-code{font-size:120px;font-weight:900;line-height:1;margin-bottom:32px;background:linear-gradient(135deg,#2563eb,#1d4ed8 35%,#7c3aed 65%,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-4px;text-shadow:0 4px 12px rgba(37,99,235,.2);animation:notfound-pulse 3s ease-in-out infinite}@keyframes notfound-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.notfound-title{font-size:22px;font-weight:600;color:#111827;line-height:1.5;margin-bottom:16px;padding:0 20px}.notfound-subtitle{font-size:16px;color:#6b7280;margin-bottom:40px;font-weight:400}.notfound-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.notfound-actions,.notfound-button{justify-content:center;align-items:center}.notfound-button{display:inline-flex;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;border:none;outline:none}.notfound-button:disabled{opacity:.6;cursor:not-allowed}.notfound-button-primary{color:#ffffff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:2px solid #2563eb;box-shadow:0 8px 24px rgba(37,99,235,.4)}.notfound-button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.notfound-button-primary:hover:before{left:100%}.notfound-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 16px 40px rgba(37,99,235,.5);transform:translateY(-3px)}.notfound-button-primary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(37,99,235,.4)}.notfound-button-secondary{color:#374151;background:#ffffff;border:2px solid #d1d5db;box-shadow:0 4px 12px rgba(0,0,0,.1)}.notfound-button-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;box-shadow:0 8px 20px rgba(0,0,0,.15);transform:translateY(-3px)}.notfound-button-secondary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.notfound-user-info{font-size:14px;color:#6b7280;margin-top:16px;margin-bottom:16px;padding:12px 20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;display:inline-block}.notfound-footer,.notfound-footer-text{display:none}@media (max-width:768px){.notfound-code{font-size:80px;letter-spacing:-2px;margin-bottom:24px}.notfound-logo-container{margin-bottom:32px}.notfound-logo-wrapper{padding:20px 24px;border-radius:12px}.notfound-logo{height:32px}.notfound-title{font-size:18px;padding:0 16px;margin-bottom:12px}.notfound-subtitle{font-size:14px;margin-bottom:32px}.notfound-actions{gap:12px}.notfound-button{padding:14px 28px;font-size:15px;border-radius:10px}.notfound-user-info{font-size:13px;padding:10px 16px}.notfound-footer,.notfound-footer-text{display:none}}@media (max-width:480px){.notfound-container{padding:16px}.notfound-code{font-size:64px;margin-bottom:20px}.notfound-logo-wrapper{padding:16px 20px}.notfound-logo{height:28px}.notfound-title{font-size:16px;line-height:1.4}.notfound-subtitle{font-size:13px}.notfound-actions{flex-direction:column;gap:12px;width:100%}.notfound-button{width:100%;max-width:300px}.notfound-user-info{font-size:12px;padding:8px 12px}}@keyframes notfound-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notfound-content{animation:notfound-fade-in .6s ease-out}.notfound-logo-container{animation:notfound-fade-in .6s ease-out .1s both}.notfound-code{animation:notfound-fade-in .6s ease-out .2s both,notfound-pulse 3s ease-in-out 1s infinite}.notfound-title{animation:notfound-fade-in .6s ease-out .3s both}.notfound-subtitle{animation:notfound-fade-in .6s ease-out .4s both}.notfound-actions{animation:notfound-fade-in .6s ease-out .5s both}.notfound-user-info{animation:notfound-fade-in .6s ease-out .6s both}