*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0f172a;--primary:#ec4899;--secondary:#8b5cf6;--accent:#06b6d4;--text:#f8fafc}body{min-height:100vh;background:var(--bg);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;display:flex;justify-content:center;align-items:center;overflow:hidden;color:var(--text);perspective:1000px}.container{position:relative;text-align:center;z-index:2;padding:2rem}.error-code{font-size:180px;font-weight:900;line-height:1;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(236,72,153,.3));opacity:0;animation:fadeIn 1s ease-out .5s forwards;position:relative}.message{font-size:24px;margin:2rem 0;color:rgba(248,250,252,.8);opacity:0;animation:fadeIn 1s ease-out .7s forwards}.btn-home{display:inline-block;padding:1rem 2.5rem;font-size:18px;color:var(--text);background:linear-gradient(45deg,var(--primary),var(--secondary));border:none;border-radius:8px;text-decoration:none;transition:all .3s ease;opacity:0;animation:fadeIn 1s ease-out .9s forwards;position:relative;overflow:hidden}.btn-home:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(236,72,153,.2)}.geometric-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;perspective:1000px;transform-style:preserve-3d;z-index:1}.shape{position:absolute;transform-style:preserve-3d;transition:transform .5s ease}.shape-inner{position:absolute;width:100%;height:100%;background:linear-gradient(45deg,var(--primary),var(--secondary));opacity:.1;transform-origin:center;transition:all .5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{from{transform:rotateY(0deg) rotateX(0deg)}to{transform:rotateY(360deg) rotateX(360deg)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;background:linear-gradient(45deg,var(--primary),var(--secondary));border-radius:50%;opacity:.3;animation:float linear infinite}@keyframes float{0%{transform:translate(0,0) rotate(0deg);opacity:.3}100%{transform:translate(var(--tx),var(--ty)) rotate(var(--rotation));opacity:0}}.glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle at var(--x) var(--y),rgba(236,72,153,.15),transparent 50%);pointer-events:none;z-index:1;mix-blend-mode:screen}