.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2,#cbf33e,#f5576c,#4facfe);background-size:400% 400%;animation:gradientShift 8s ease-in-out infinite;position:relative;overflow:hidden}.error-page:before{content:"";position:absolute;inset:0;background:#ffffff1a;backdrop-filter:blur(10px)}.error-container{background:#fffffff2;backdrop-filter:blur(20px);border-radius:20px;padding:60px 40px;text-align:center;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.3);position:relative;z-index:1;max-width:500px;width:90%;animation:floatUp .8s ease-out}.error-number{font-size:120px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1;animation:bounce 2s ease-in-out infinite}.error-title{font-size:28px;font-weight:600;color:#333;margin:20px 0 10px}.error-subtitle{font-size:16px;color:#666;margin-bottom:40px;line-height:1.6}.error-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.error-btn{padding:12px 24px;border-radius:25px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.error-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.error-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99;color:#fff}.error-btn-secondary{background:#fffc;color:#667eea;border:1px solid rgba(102,126,234,.3)}.error-btn-secondary:hover{background:#667eea1a;transform:translateY(-2px);color:#667eea}.error-icon{width:100px;height:100px;margin:0 auto 30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;animation:pulse 2s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #667eea66}50%{transform:scale(1.05);box-shadow:0 0 0 20px #667eea00}}@media (max-width: 768px){.error-container{padding:40px 20px;margin:20px}.error-number{font-size:80px}.error-title{font-size:24px}.error-subtitle{font-size:14px}.error-actions{flex-direction:column;align-items:center}.error-btn{width:100%;max-width:200px}}@media (max-width: 480px){.error-number{font-size:60px}.error-title{font-size:20px}.error-icon{width:80px;height:80px;font-size:30px}}