:root{--color-bg: #f7f9fc;--color-surface: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-accent-soft-bg: #eff6ff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-soft: 0 4px 8px 0 rgba(0,0,0,.02), 0 6px 20px 0 rgba(0,0,0,.02);--shadow-soft-lifted: 0 10px 20px rgba(0,0,0,.03), 0 6px 6px rgba(0,0,0,.03);--color-cyber: #0ea5e9;--color-dev: #6366f1;--color-ai: #10b981;--color-bounty: #f59e0b;--color-prog: #8b5cf6;--color-career: #ef4444}body{font-family:Roboto,Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text-secondary);line-height:1.7;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}.accent-color-text{color:var(--color-accent)}.hover-accent-color-text:hover{color:var(--color-accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:9999px;font-weight:500;transition:all .25s ease;cursor:pointer;border:1px solid transparent;box-shadow:var(--shadow-sm)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow-sm)!important}.btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-2px) scale(1.02)}.btn-secondary{background-color:var(--color-surface);color:var(--color-accent);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-accent-soft-bg);border-color:var(--color-accent);color:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-2px) scale(1.02)}header{background-color:color-mix(in srgb,var(--color-surface) 85%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.nav-link{position:relative;padding:.5rem .75rem;color:var(--color-text-secondary);font-weight:500;transition:all .25s ease-out;font-size:.95rem}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-accent);transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link:hover{color:var(--color-accent)}.nav-link.active{color:var(--color-accent);font-weight:600}.header-icon-btn{color:var(--color-text-muted);transition:color .2s ease}.header-icon-btn:hover{color:var(--color-text-primary)}.menu-icon .line{transition:y .2s ease-in-out .2s,rotate .2s ease-in-out,opacity 0s .2s;transform-origin:center;fill:var(--color-text-primary)}.menu-icon.active .line1{y:45;rotate:45deg;transition:y .2s ease-in-out,rotate .2s ease-in-out .2s}.menu-icon.active .line2{opacity:0;transition:opacity 0s .2s}.menu-icon.active .line3{y:45;rotate:-45deg;transition:y .2s ease-in-out,rotate .2s ease-in-out .2s}#mobile-menu-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:color-mix(in srgb,var(--color-bg) 95%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;opacity:0;visibility:hidden;transform-origin:center;transform:scale(.98) translateY(10px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),visibility 0s .3s}#mobile-menu-overlay.show{opacity:1;visibility:visible;transform:scale(1) translateY(0);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}#mobile-menu-overlay .close-btn{position:absolute;top:1rem;right:1rem;color:var(--color-text-muted);cursor:pointer;transition:transform .4s cubic-bezier(.2,.8,.2,1.2),color .2s ease,opacity .3s ease;opacity:0;transform:scale(.8) rotate(-180deg)}#mobile-menu-overlay.show .close-btn{opacity:1;transform:scale(1) rotate(0);transition-delay:.25s}#mobile-menu-overlay .close-btn:hover{transform:rotate(90deg) scale(1.1);color:var(--color-accent)}#mobile-menu-overlay .nav-link-item{font-size:2rem;font-weight:700;color:var(--color-text-primary);text-decoration:none;transform:translateY(25px);opacity:0;transition:color .2s ease,transform .4s cubic-bezier(.2,.8,.2,1.2),opacity .3s ease}#mobile-menu-overlay.show .nav-link-item{transform:translateY(0);opacity:1}#mobile-menu-overlay.show .nav-link-item:nth-child(1){transition-delay:.15s}#mobile-menu-overlay.show .nav-link-item:nth-child(2){transition-delay:.2s}#mobile-menu-overlay .nav-link-item:hover{color:var(--color-accent);transform:scale(1.05) translateY(0)}body.mobile-menu-active{overflow:hidden}.hero-section{position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 5%,transparent) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:-1;animation:pulse 10s infinite ease-in-out}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.8}}.hero-title{animation:fadeInUp .8s .2s both cubic-bezier(.2,.8,.2,1)}.hero-subtitle{animation:fadeInUp .8s .4s both cubic-bezier(.2,.8,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-card{background-color:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.2,.8,.2,1);cursor:pointer;overflow:hidden;display:flex;flex-direction:column}.post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.bg-cyber-glow:hover{box-shadow:0 0 30px #0ea5e926,var(--shadow-lg)}.bg-dev-glow:hover{box-shadow:0 0 30px #6366f126,var(--shadow-lg)}.bg-ai-glow:hover{box-shadow:0 0 30px #10b98126,var(--shadow-lg)}.bg-bounty-glow:hover{box-shadow:0 0 30px #f59e0b26,var(--shadow-lg)}.bg-prog-glow:hover{box-shadow:0 0 30px #8b5cf626,var(--shadow-lg)}.bg-career-glow:hover{box-shadow:0 0 30px #ef444426,var(--shadow-lg)}.post-card-image-wrapper{width:100%;aspect-ratio:16 / 9;overflow:hidden;position:relative;background-color:var(--color-bg)}.post-card-image{width:100%;height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.post-card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.post-card h3{transition:color .2s ease-in-out}.post-card:hover h3{color:var(--color-accent)}.post-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border)}.post-card-read-more{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-accent-soft-bg);color:var(--color-accent);transition:all .2s ease;transform:translate(-10px) scale(.9);opacity:0}.post-card:hover .post-card-read-more{transform:translate(0) scale(1);opacity:1}.post-card-read-more:hover{background-color:var(--color-accent);color:#fff}@media(min-width:1024px){#posts-grid .post-card.featured{grid-column:span 2 / span 2;flex-direction:row;align-items:stretch}.post-card.featured .post-card-image-wrapper{width:50%;aspect-ratio:auto;flex-shrink:0}.post-card.featured .post-card-content{width:50%;padding:2rem}}.category-tag{display:inline-flex;align-items:center;padding:4px 12px;background-color:transparent;border:1px solid;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tag-cyber{color:var(--color-cyber);border-color:var(--color-cyber)}.tag-dev{color:var(--color-dev);border-color:var(--color-dev)}.tag-ai{color:var(--color-ai);border-color:var(--color-ai)}.tag-bounty{color:var(--color-bounty);border-color:var(--color-bounty)}.tag-prog{color:var(--color-prog);border-color:var(--color-prog)}.tag-career{color:var(--color-career);border-color:var(--color-career)}.category-tag:hover{color:#fff;transform:scale(1.05)}.tag-cyber:hover{background-color:var(--color-cyber)}.tag-dev:hover{background-color:var(--color-dev)}.tag-ai:hover{background-color:var(--color-ai)}.tag-bounty:hover{background-color:var(--color-bounty)}.tag-prog:hover{background-color:var(--color-prog)}.tag-career:hover{background-color:var(--color-career)}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem 1rem;background-color:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.2,.8,.2,1);cursor:pointer}.category-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.category-card .material-symbols-outlined{font-size:2.5rem;margin-bottom:.75rem;line-height:1}.category-card .category-name{font-weight:600;color:var(--color-text-primary);font-size:1rem}.category-card .post-count{font-size:.875rem;color:var(--color-text-secondary)}.category-card.cat-cyber .material-symbols-outlined{color:var(--color-cyber)}.category-card.cat-dev .material-symbols-outlined{color:var(--color-dev)}.category-card.cat-ai .material-symbols-outlined{color:var(--color-ai)}.category-card.cat-bounty .material-symbols-outlined{color:var(--color-bounty)}.category-card.cat-prog .material-symbols-outlined{color:var(--color-prog)}.category-card.cat-career .material-symbols-outlined{color:var(--color-career)}.section-title{font-size:2.8rem;font-weight:800;color:var(--color-text-primary);margin-bottom:4rem;text-align:center;position:relative;padding-bottom:1rem;letter-spacing:-.025em}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:var(--color-accent);border-radius:3px}footer{border-top:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:color-mix(in srgb,var(--color-border) 50%,transparent);color:var(--color-text-muted);transition:all .2s ease}.footer-social-link:hover{background-color:var(--color-accent);color:#fff;transform:translateY(-2px)}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.34,1.56,.64,1),transform .6s cubic-bezier(.34,1.56,.64,1)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}#reading-progress-bar{position:fixed;top:0;left:0;height:4px;background-color:var(--color-accent);width:0%;z-index:101;transition:width .1s linear;box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 50%,transparent)}#backToTopBtn{display:flex;position:fixed;bottom:35px;right:35px;z-index:99;border:none;outline:none;background-color:var(--color-accent);color:#fff;cursor:pointer;width:56px;height:56px;border-radius:50%;box-shadow:var(--shadow-lg);align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease-out,transform .3s ease-out,box-shadow .3s ease-out;visibility:visible}#backToTopBtn.is-inactive{opacity:0;transform:scale(.9);pointer-events:none;visibility:hidden;transition:opacity 1.3s ease-out,transform 1.3s ease-out,visibility 0s 1.3s}#backToTopBtn i{font-size:24px}#backToTopBtn:hover:not(.is-inactive){background-color:var(--color-accent-hover);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-xl)}#backToTopBtn:focus-visible{outline:2px solid var(--color-accent-hover);outline-offset:2px}#single-post-view{display:none}#post-title{letter-spacing:-.025em}#post-content{max-width:48rem;margin-left:auto;margin-right:auto}.prose{line-height:1.8}.prose h1,.prose h2,.prose h3{font-family:Inter,sans-serif;font-weight:700;color:var(--color-text-primary);scroll-margin-top:80px}.prose h2{margin-top:2.5em;margin-bottom:1.25em;border-bottom:1px solid var(--color-border);padding-bottom:.5rem;position:relative;display:flex;align-items:center}.prose h2:before{content:"#";color:var(--color-accent);font-size:1.5rem;font-weight:600;margin-right:.5rem;opacity:.7}.prose h3{margin-top:2em;margin-bottom:1em}.prose p{color:var(--color-text-secondary);margin-bottom:1.25em}.prose a{color:var(--color-accent);text-decoration:none;font-weight:500;transition:all .2s;border-bottom:2px solid color-mix(in srgb,var(--color-accent) 20%,transparent)}.prose a:hover{color:var(--color-accent-hover);border-bottom-color:color-mix(in srgb,var(--color-accent-hover) 40%,transparent)}.prose blockquote{margin:1.5em 0;padding:1em 1.5em;border-left:4px solid var(--color-accent);background-color:var(--color-accent-soft-bg);border-radius:0 8px 8px 0;font-style:italic;color:var(--color-text-muted)}.prose blockquote p{margin:0}.prose hr{margin:3em auto;border-color:var(--color-border)}.prose ul,.prose ol{margin-top:1.5em;margin-bottom:1.5em;padding-left:0;list-style:none}.prose li{position:relative;padding-left:2rem;margin-bottom:.85rem}.prose ul>li:before{content:"";position:absolute;left:.5rem;top:.6rem;width:.5rem;height:.5rem;background-color:var(--color-accent);border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,var(--color-accent) 40%,transparent)}.prose ol{counter-reset:item}.prose ol>li{counter-increment:item}.prose ol>li:before{content:counter(item) ".";position:absolute;left:0;width:1.5rem;text-align:right;margin-right:.5rem;font-weight:700;font-family:Inter,sans-serif;color:var(--color-accent)}.prose ul ul,.prose ol ol,.prose ul ol,.prose ol ul{margin-top:.75rem;margin-bottom:.75rem}.prose ul ul>li:before{top:.7rem;width:.35rem;height:.35rem;background-color:transparent;border:2px solid var(--color-text-muted);box-shadow:none}.prose img{border-radius:.75rem;box-shadow:var(--shadow-lg);display:block;margin:2em auto;max-width:100%;height:auto}.prose pre{position:relative;border:1px solid var(--color-border);border-radius:12px;font-size:.9em;box-shadow:var(--shadow-soft);background-color:#f8fafc;overflow-x:auto;padding:1.5rem;margin-top:2em;margin-bottom:2em}.prose pre[data-language]:before{content:attr(data-language);position:absolute;top:.75rem;left:1rem;padding:.2rem .5rem;background-color:var(--color-border);color:var(--color-text-muted);border-radius:6px;font-size:.75rem;font-weight:600;font-family:Inter,sans-serif;text-transform:uppercase;z-index:10}.prose pre[data-language]{padding-top:3.25rem}.prose pre code.hljs{display:block;padding:0;line-height:1.6;color:#334155;background-color:transparent}.prose code{color:#c53929}.prose code:not(.hljs-comment):before,.prose code:not(.hljs-comment):after{content:""!important}.copy-code-btn{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;z-index:10}.copy-code-btn:hover:not(:disabled){background-color:var(--color-accent-soft-bg);color:var(--color-accent);transform:scale(1.05)}.copy-code-btn.copied{background-color:#16a34a;color:#fff;border-color:#15803d}.read-more-link{color:var(--color-accent);font-weight:600;text-decoration:none;transition:all .2s ease;text-underline-offset:3px}.read-more-link:hover{color:var(--color-accent-hover);text-decoration:underline}.post-tag{display:inline-block;background-color:color-mix(in srgb,var(--color-border) 50%,transparent);color:var(--color-text-secondary);font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px;transition:all .2s ease-in-out;cursor:pointer;border:1px solid var(--color-border)}.post-tag:hover{background-color:var(--color-accent-soft-bg);color:var(--color-accent-hover);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.author-info-block{cursor:pointer;transition:background-color .2s ease;display:inline-flex;border-radius:9999px;padding:4px}.author-info-block:hover{background-color:color-mix(in srgb,var(--color-border) 50%,transparent)}.author-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);transition:all .2s ease}.author-social-link:hover{background-color:var(--color-accent);color:#fff;transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 4px 12px color-mix(in srgb,var(--color-accent) 30%,transparent)}.img-placeholder{position:relative;background-color:var(--color-border);overflow:hidden}.img-placeholder:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-surface) 40%,transparent),transparent);animation:shimmer 1.5s infinite linear;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.img-placeholder img{opacity:0;transition:opacity .5s ease-in-out}.img-placeholder.is-loaded:after{animation:none;display:none}.img-placeholder.is-loaded img{opacity:1}mark{background-color:#fef08a;color:#713f12;padding:2px 3px;border-radius:4px;box-shadow:0 0 8px #fef08a99}#toc-container{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;background-color:var(--color-surface);padding:1rem;border-radius:12px;border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}#toc-container h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}#toc-list,#mobile-toc-list{list-style:none;padding:0;margin:0}#toc-list a,#mobile-toc-list a{display:block;padding:.5rem 1rem;font-size:.875rem;color:var(--color-text-muted);border-left:3px solid var(--color-border);transition:all .2s ease;text-decoration:none;line-height:1.5}#toc-list a.is-h3,#mobile-toc-list a.is-h3{padding-left:2rem}#toc-list a:hover,#mobile-toc-list a:hover{color:var(--color-text-primary);background-color:var(--color-accent-soft-bg)}#toc-list a.active,#mobile-toc-list a.active{color:var(--color-accent);font-weight:600;border-left-color:var(--color-accent);background-color:var(--color-accent-soft-bg);transform:translate(4px)}#mobile-toc-container summary::-webkit-details-marker{display:none}#mobile-toc-container summary{list-style:none}.share-container{background-color:var(--color-accent-soft-bg);border:1px solid var(--color-border);border-radius:16px;padding:2rem;text-align:center}.share-container .share-title{font-weight:600;color:var(--color-text-primary);margin-bottom:1.5rem}.share-buttons-grid{display:flex;justify-content:center;gap:1.25rem;margin-bottom:1.5rem}.share-button{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:1.25rem;transition:all .2s ease-in-out}.share-button:hover{transform:translateY(-4px) scale(1.05);color:#fff}.share-button.twitter:hover{background-color:#1da1f2;border-color:#1da1f2}.share-button.linkedin:hover{background-color:#0a66c2;border-color:#0a66c2}.share-button.facebook:hover{background-color:#1877f2;border-color:#1877f2}.copy-link-wrapper{display:flex;border-radius:12px;border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.copy-link-input{border:none;background:transparent;padding:.75rem 1rem;width:100%;color:var(--color-text-muted);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-link-input:focus{outline:none}#share-copy-link{flex-shrink:0;padding:.75rem 1.5rem;border:none;background-color:var(--color-accent);color:#fff;font-weight:500;cursor:pointer;transition:background-color .2s ease}#share-copy-link:hover{background-color:var(--color-accent-hover)}#share-copy-link.copied{background-color:#16a34a}#share-copy-link:disabled{opacity:1}.pdf-attachment-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;background-color:var(--color-accent-soft-bg);border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent);border-radius:16px;margin-bottom:3rem;box-shadow:var(--shadow-soft);text-align:center}.pdf-icon-container{flex-shrink:0;color:var(--color-accent);font-size:2.5rem}.pdf-icon-container i{line-height:1}.pdf-text-content{flex-grow:1}.pdf-text-content h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .25rem}.pdf-text-content p{font-size:.9rem;color:var(--color-text-secondary);margin:0}#pdf-download-link{flex-shrink:0;white-space:nowrap}@media(min-width:640px){.pdf-attachment-card{flex-direction:row;text-align:left}}.pagination-container{display:flex;justify-content:center;align-items:center;gap:.5rem}.page-item{display:inline-flex}.page-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .75rem;border-radius:8px;font-weight:500;font-size:.875rem;color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;text-decoration:none}.page-link:hover{background-color:var(--color-accent-soft-bg);border-color:var(--color-accent);color:var(--color-accent)}.page-item.active .page-link{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600;box-shadow:var(--shadow-md);cursor:default}.page-item.disabled .page-link{color:#94a3b8;background-color:#f1f5f9;border-color:var(--color-border);cursor:not-allowed;pointer-events:none}@media(max-width:768px){.section-title{font-size:2.2rem;margin-bottom:3rem}}.error-container{background-color:var(--color-surface);padding:2.5rem;border-radius:2rem;box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}@media(min-width:640px){.error-container{padding:3.5rem;border-radius:2.5rem}}@media(min-width:768px){.error-container{padding:4rem}}.error-icon{font-size:4rem;color:var(--color-accent);margin-bottom:1.5rem;animation:bounceIn 1s ease-out}@media(min-width:640px){.error-icon{font-size:5rem}}.error-code{font-size:5.5rem;font-weight:800;color:var(--color-text-primary);line-height:1;margin-bottom:1rem;text-shadow:2px 2px 8px rgba(0,0,0,.05)}@media(min-width:640px){.error-code{font-size:7rem}}@media(min-width:768px){.error-code{font-size:9rem}}.error-heading{font-size:1.8rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem}@media(min-width:640px){.error-heading{font-size:2.2rem}}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}