*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;overflow-x:clip;line-height:1.75;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--heading);line-height:1.28}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}main{flex:1}.btn-red{background:var(--primary);color:var(--on-primary);font-weight:700;padding:14px 36px;border-radius:12px;border:none;font-size:1rem;box-shadow:0 0 24px rgba(239,68,68,.45);transition:all .25s;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn-red:hover{background:var(--accent);box-shadow:0 0 38px rgba(185,28,28,.7);transform:translateY(-2px);color:var(--on-primary)}.btn-outline{border:1.5px solid var(--primary);color:var(--primary);background:transparent;padding:12px 28px;border-radius:12px;font-weight:600;transition:all .25s;display:inline-flex;align-items:center;gap:8px}.btn-outline:hover{background:var(--primary);color:var(--on-primary);transform:translateY(-2px)}.error-section{position:relative;overflow:hidden;padding:80px 0 70px;flex:1;display:flex;align-items:center}.error-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 60%,rgba(239,68,68,.16) 0%,transparent 50%),radial-gradient(ellipse at 90% 20%,rgba(185,28,28,.12) 0%,transparent 45%),radial-gradient(ellipse at 50% 100%,rgba(239,68,68,.08) 0%,transparent 55%);pointer-events:none}.giant-404{font-size:clamp(7rem,22vw,16rem);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 40%,rgba(239,68,68,.25) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;letter-spacing:-.02em;user-select:none}.giant-404::after{content:'404';position:absolute;inset:0;background:linear-gradient(135deg,rgba(239,68,68,.08) 0%,transparent 60%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:blur(28px);z-index:-1}@keyframes glitch-1{0%,100%{clip-path:inset(0 0 95% 0);transform:translate(-3px,0)}20%{clip-path:inset(30% 0 50% 0);transform:translate(3px,-2px)}40%{clip-path:inset(60% 0 20% 0);transform:translate(-2px,2px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(2px,0)}80%{clip-path:inset(10% 0 75% 0);transform:translate(-3px,-1px)}}@keyframes glitch-2{0%,100%{clip-path:inset(50% 0 30% 0);transform:translate(3px,0)}25%{clip-path:inset(10% 0 80% 0);transform:translate(-3px,2px)}50%{clip-path:inset(70% 0 10% 0);transform:translate(2px,-2px)}75%{clip-path:inset(20% 0 65% 0);transform:translate(-2px,1px)}}.glitch-wrap{position:relative;display:inline-block}.glitch-wrap::before,.glitch-wrap::after{content:'404';position:absolute;top:0;left:0;font-size:clamp(7rem,22vw,16rem);font-weight:900;line-height:1;letter-spacing:-.02em}.glitch-wrap::before{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:glitch-1 4s infinite step-start;opacity:.5}.glitch-wrap::after{background:linear-gradient(135deg,var(--accent),var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:glitch-2 4s infinite step-start;opacity:.4}@keyframes floatA{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-18px) rotate(5deg)}}@keyframes floatB{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(-8deg)}}@keyframes floatC{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.06)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}70%{box-shadow:0 0 0 20px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.shape{position:absolute;pointer-events:none;opacity:.35}.shape-1{top:8%;left:3%;width:60px;height:60px;border:2px solid var(--primary);border-radius:12px;animation:floatA 5s ease-in-out infinite}.shape-2{top:15%;right:5%;width:44px;height:44px;border-radius:50%;border:2px solid var(--accent);animation:floatB 4s ease-in-out infinite 1s}.shape-3{bottom:20%;left:7%;width:36px;height:36px;border:2px solid var(--primary);transform:rotate(45deg);animation:floatC 6s ease-in-out infinite .5s}.shape-4{bottom:30%;right:4%;width:50px;height:50px;border-radius:50%;border:1px solid var(--border);animation:spinSlow 12s linear infinite}.shape-5{top:50%;left:1%;width:24px;height:24px;border-radius:50%;background:rgba(239,68,68,.15);animation:floatB 3.5s ease-in-out infinite 2s}.shape-6{top:35%;right:2%;width:18px;height:18px;border-radius:4px;background:rgba(239,68,68,.12);animation:floatA 4.5s ease-in-out infinite 1.5s}@keyframes bounce-in{0%{opacity:0;transform:scale(.4) translateY(40px)}60%{transform:scale(1.1) translateY(-8px)}80%{transform:scale(.95) translateY(4px)}100%{opacity:1;transform:scale(1) translateY(0)}}.error-icon-wrap{width:100px;height:100px;border-radius:50%;background:rgba(239,68,68,.1);border:2px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;font-size:2.8rem;color:var(--primary);margin:0 auto 22px;animation:bounce-in .7s cubic-bezier(.36,.07,.19,.97) both,pulse-ring 2.5s ease-out 1s infinite}.redirect-bar{height:4px;border-radius:2px;background:var(--border);overflow:hidden;margin-top:16px}.redirect-fill{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--accent));width:100%;transition:width .95s linear}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:768px){.quick-grid{grid-template-columns:repeat(4,1fr)}}.quick-tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 14px;text-align:center;transition:all .25s;cursor:pointer}.quick-tile:hover{border-color:var(--primary);box-shadow:0 8px 24px rgba(239,68,68,.18);transform:translateY(-4px)}.quick-tile-icon{font-size:1.6rem;color:var(--primary);margin-bottom:8px;display:block}.quick-tile-name{font-size:.84rem;font-weight:700;color:var(--heading)}.quick-tile-sub{font-size:.74rem;color:var(--muted);margin-top:2px}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s infinite}.divider-pulse{width:60px;height:3px;background:var(--primary);border-radius:2px;margin:14px auto 22px;position:relative;overflow:hidden}.divider-pulse::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 2s infinite}.error-code-badge{display:inline-block;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:var(--primary);font-size:.78rem;font-weight:700;padding:4px 14px;border-radius:20px;letter-spacing:.1em;margin-bottom:14px}.particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;border-radius:50%;background:var(--primary);opacity:0;animation:particle-fall linear infinite}@keyframes particle-fall{0%{opacity:.6;transform:translateY(-10px)}100%{opacity:0;transform:translateY(100vh)}}.footer-logo-text{font-size:1.65rem;font-weight:800;color:var(--primary)}@media(max-width:768px){.error-section{padding:60px 0 50px}.quick-grid{grid-template-columns:repeat(2,1fr)}}