*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#f1f5f9;display:flex;align-items:center;justify-content:center;position:relative}.container{width:100%;max-width:600px;padding:2rem;position:relative;z-index:10}.error-card{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid hsla(0,0%,100%,.1);padding:3rem 2rem;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.3);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-number{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;font-size:8rem;font-weight:900;line-height:1}@media(max-width: 640px){.error-number{font-size:5rem;gap:.5rem}}.digit{background:linear-gradient(135deg, #3b82f6, #1e40af);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;animation:pulse 2s ease-in-out infinite}.digit.zero{animation:bounce 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#f1f5f9}@media(max-width: 640px){.error-title{font-size:1.5rem}}.error-message{font-size:1.125rem;line-height:1.6;color:#cbd5e1;margin-bottom:2rem}@media(max-width: 640px){.error-message{font-size:1rem}}.error-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}@media(max-width: 640px){.error-actions{flex-direction:column;gap:.75rem}}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.btn-primary .icon,.btn-secondary .icon{flex-shrink:0}.btn-primary:active,.btn-secondary:active{transform:scale(0.95)}.btn-primary{background:linear-gradient(135deg, #3b82f6, #1e40af);color:#fff;box-shadow:0 4px 16px rgba(59,130,246,.3)}.btn-primary:hover{box-shadow:0 6px 24px rgba(59,130,246,.4);transform:translateY(-2px)}.btn-secondary{background:hsla(0,0%,100%,.1);color:#f1f5f9;border:1px solid hsla(0,0%,100%,.2)}.btn-secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.error-footer{padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}.error-hint{font-size:.875rem;color:#cbd5e1}.error-hint .code{font-family:"Courier New",monospace;color:#ef4444;font-weight:600;padding:.25rem .5rem;background:rgba(239,68,68,.1);border-radius:4px}.background-decoration{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.circle{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);animation:float 20s ease-in-out infinite}.circle.circle-1{width:400px;height:400px;top:-100px;right:-100px;animation-delay:0s}.circle.circle-2{width:300px;height:300px;bottom:-50px;left:-50px;animation-delay:7s}.circle.circle-3{width:500px;height:500px;top:50%;left:50%;transform:translate(-50%, -50%);animation-delay:14s;opacity:.5}@keyframes float{0%,100%{transform:translate(0, 0) scale(1)}33%{transform:translate(30px, -30px) scale(1.1)}66%{transform:translate(-20px, 20px) scale(0.9)}}.icon{transition:transform .3s ease}.btn-primary:hover .icon,.btn-secondary:hover .icon{transform:translateX(3px)}.btn-secondary:hover .icon{transform:translateX(-3px)}@media(max-width: 640px){.container{padding:1.5rem}.error-card{padding:2rem 1.5rem}.circle.circle-1{width:250px;height:250px}.circle.circle-2{width:200px;height:200px}.circle.circle-3{width:300px;height:300px}}