*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0a0a0a;--color-text: #ffffff;--color-accent: #ff7b9d;--color-accent-hover: #ff94ad;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.error-container{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem}.error-content{max-width:42rem;width:100%;text-align:center;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.error-title{font-family:var(--font-serif);font-size:3rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:1.5rem;color:var(--color-text)}.error-subtitle{font-family:var(--font-sans);font-size:1.125rem;font-weight:400;line-height:1.6;color:#ffffffd9;margin-bottom:3rem;max-width:32rem;margin-left:auto;margin-right:auto}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.btn{display:inline-block;padding:.875rem 2rem;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;text-decoration:none;border-radius:.25rem;transition:all .2s ease;cursor:pointer;border:1px solid transparent;letter-spacing:.01em}.btn-primary{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.btn-primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:0 0 1.5rem #ff7b9d4d;transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--color-text);border-color:#ffffff4d}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.error-hint{font-family:var(--font-sans);font-size:.875rem;font-weight:400;color:#ffffff80;font-style:italic}.error-footer{position:absolute;bottom:2rem;left:0;right:0;text-align:center}.error-footer p{font-family:var(--font-sans);font-size:.8125rem;font-weight:400;color:#fff6;letter-spacing:.02em}@media (max-width: 768px){.error-title{font-size:2.25rem}.error-subtitle{font-size:1rem;margin-bottom:2.5rem}.error-actions{flex-direction:column;gap:.75rem}.btn{width:100%;max-width:20rem;padding:1rem 2rem}.error-footer{position:static;margin-top:4rem}}@media (max-width: 480px){.error-container{padding:1.5rem 1rem}.error-title{font-size:1.875rem}.error-subtitle{font-size:.9375rem;margin-bottom:2rem}.btn{font-size:.875rem;padding:.875rem 1.75rem}}@media (prefers-contrast: high){.error-subtitle,.error-hint{color:var(--color-text)}.btn-secondary{border-color:var(--color-text)}}@media (prefers-reduced-motion: reduce){.error-content{animation:none}.btn{transition:none}.btn:hover{transform:none}}