*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;background:#0a0c14;background-image:radial-gradient(at 20% 30%, rgba(122, 75, 255, 0.08) 0, transparent 50%),radial-gradient(at 80% 70%, rgba(91, 52, 214, 0.06) 0, transparent 50%);background-attachment:fixed;color:rgba(240,242,255,.92);overflow:hidden}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.error-content{position:relative;z-index:10;text-align:center;max-width:700px;width:100%;background:rgba(16,18,28,.45);border:1px solid hsla(0,0%,100%,.08);border-radius:18px;padding:clamp(2.5rem,5vw,4rem) clamp(2rem,4vw,3rem);box-shadow:0 18px 45px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeInUp .6s ease both}.error-content::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%);opacity:.35}.error-content>*{position:relative;z-index:1}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-icon{margin-bottom:2rem}.error-icon .emoji{font-size:clamp(3.5rem,10vw,5rem);display:inline-block;filter:drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));animation:float 4s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.error-number{display:flex;justify-content:center;align-items:center;gap:clamp(1rem,3vw,1.5rem);margin-bottom:2rem}.digit{width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);display:flex;align-items:center;justify-content:center;font-size:clamp(3rem,10vw,5rem);font-weight:800;line-height:1;background:linear-gradient(135deg, rgba(122, 75, 255, 0.65), rgba(91, 52, 214, 0.55));color:hsla(0,0%,100%,.95);border-radius:16px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 18px 45px rgba(0,0,0,.5),0 10px 26px rgba(122,75,255,.3),inset 0 1px 0 hsla(0,0%,100%,.12);transition:all .25s ease}.digit:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 22px 55px rgba(0,0,0,.55),0 14px 30px rgba(122,75,255,.35),inset 0 1px 0 hsla(0,0%,100%,.14)}.digit.zero{animation-delay:.15s}.error-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-0.02em;color:rgba(229,210,170,.95);margin-bottom:1.5rem;text-shadow:0 4px 12px rgba(0,0,0,.3)}.error-message{font-size:clamp(1.05rem,2vw,1.2rem);color:rgba(235,238,255,.75);margin-bottom:.75rem;line-height:1.7;font-weight:500}.error-message .break-desktop{display:none}.error-submessage{font-size:clamp(.95rem,1.8vw,1.05rem);color:rgba(235,238,255,.6);margin-bottom:2.5rem;line-height:1.6}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;gap:.65rem;padding:clamp(.95rem,1.5vw,1.15rem) clamp(1.5rem,3vw,2rem);border-radius:999px;font-weight:700;font-size:clamp(.95rem,1.5vw,1.05rem);text-decoration:none;letter-spacing:.01em;cursor:pointer;transition:all .22s ease;border:none;font-family:"Plus Jakarta Sans",sans-serif}.btn .icon{flex-shrink:0}.btn-primary{background:linear-gradient(135deg, rgba(122, 75, 255, 0.65), rgba(91, 52, 214, 0.55));color:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 18px 45px rgba(0,0,0,.5),0 10px 26px rgba(122,75,255,.3),inset 0 1px 0 hsla(0,0%,100%,.12)}.btn-primary:hover{background:linear-gradient(135deg, rgba(122, 75, 255, 0.75), rgba(91, 52, 214, 0.65));border-color:hsla(0,0%,100%,.16);transform:translateY(-2px);box-shadow:0 22px 55px rgba(0,0,0,.55),0 14px 30px rgba(122,75,255,.35),inset 0 1px 0 hsla(0,0%,100%,.14)}.btn-primary:active{transform:translateY(0)}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(122,75,255,.35),0 20px 55px rgba(0,0,0,.55)}.btn-secondary{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 6px 16px rgba(0,0,0,.3)}.btn-secondary:hover{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.18);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.35)}.btn-secondary:active{transform:translateY(0)}.error-footer{padding-top:2rem;margin-top:2rem;border-top:1px solid hsla(0,0%,100%,.06)}.error-note{font-size:clamp(.9rem,1.5vw,1rem);color:rgba(235,238,255,.6);font-style:italic;font-weight:500;margin:0;line-height:1.6}.background-decoration{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1}.circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float-circle 25s ease-in-out infinite}.circle-1{width:500px;height:500px;background:radial-gradient(circle, rgba(122, 75, 255, 0.15) 0%, transparent 70%);top:-250px;left:-250px;animation-delay:0s}.circle-2{width:400px;height:400px;background:radial-gradient(circle, rgba(91, 52, 214, 0.12) 0%, transparent 70%);bottom:-200px;right:-200px;animation-delay:8s}.circle-3{width:350px;height:350px;background:radial-gradient(circle, rgba(180, 150, 255, 0.1) 0%, transparent 70%);top:40%;right:5%;animation-delay:16s}@keyframes float-circle{0%,100%{transform:translate(0, 0) scale(1);opacity:.4}33%{transform:translate(40px, -40px) scale(1.1);opacity:.5}66%{transform:translate(-30px, 30px) scale(0.9);opacity:.3}}@media(min-width: 640px){.error-message .break-desktop{display:inline}}@media(max-width: 639px){.container{padding:1rem}.error-content{padding:clamp(2rem,5vw,2.5rem) clamp(1.5rem,4vw,2rem)}.error-actions{flex-direction:column;width:100%;gap:.85rem}.error-actions .btn{width:100%;justify-content:center}.error-number{gap:.75rem}.digit{width:clamp(70px,20vw,100px);height:clamp(70px,20vw,100px);font-size:clamp(2.5rem,10vw,4rem);border-radius:12px}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}