.not-found-section{box-sizing:border-box;background-color:var(--bg-dark);justify-content:center;align-items:center;width:100%;max-width:100vw;min-height:100vh;padding:5rem 1.5rem 2rem;display:flex;position:relative;overflow:hidden}.not-found-section .particles-canvas{z-index:0;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}@supports (height:100dvh){.not-found-section{min-height:100dvh}}.not-found-content{z-index:1;justify-content:center;align-items:center;width:100%;max-width:700px;margin-left:auto;margin-right:auto;padding:0;display:flex;position:relative}.not-found-card{--cursor-x:50%;--cursor-y:50%;--cursor-opacity:0;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);text-align:center;background:#0f172a73;border:1px solid #4fffc926;border-radius:24px;width:100%;max-width:580px;margin:0 auto;padding:3.5rem 2.5rem;transition:transform .4s,border-color .4s;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d,inset 0 0 0 1px #ffffff0d,0 0 60px #4fffc90d}.not-found-card:hover{border-color:#4fffc94d}.not-found-card:before{content:"";background:radial-gradient(400px circle at var(--cursor-x,50%) var(--cursor-y,50%), #4fffc91f 0%, #4fffc90f 25%, #4fffc903 50%, transparent 75%);width:100%;height:100%;opacity:var(--cursor-opacity,0);pointer-events:none;z-index:-1;transition:opacity .3s;position:absolute;top:0;left:0}.not-found-card:after{content:"";background:radial-gradient(200px circle at var(--cursor-x,50%) var(--cursor-y,50%), #4fffc92e 0%, transparent 60%);width:100%;height:100%;opacity:var(--cursor-opacity,0);pointer-events:none;z-index:-1;filter:blur(15px);transition:opacity .3s;position:absolute;top:0;left:0}.error-badge{margin-bottom:2rem}.icon-container{justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 2.5rem;display:flex;position:relative}.disconnected-icon{width:48px;height:48px;color:var(--primary);z-index:2;animation:4s ease-in-out infinite floatIcon;position:relative}.disconnected-icon .slash-line{stroke-dasharray:40;stroke-dashoffset:0;animation:2.5s ease-out forwards drawSlash}.pulse-ring{z-index:1;pointer-events:none;opacity:0;border:1px solid #4fffc94d;border-radius:50%;width:100%;height:100%;position:absolute;transform:scale(.8)}.ring-1{animation:3s cubic-bezier(.215,.61,.355,1) infinite wavePulse}.ring-2{animation:3s cubic-bezier(.215,.61,.355,1) 1.5s infinite wavePulse}.not-found-title{margin-bottom:1.25rem}.not-found-title .hero-title-main{letter-spacing:-.02em;font-size:2.75rem;font-weight:800}.not-found-description{color:var(--text-main);margin-bottom:.75rem;font-size:1.15rem;font-weight:500}.not-found-subtext{color:var(--text-muted);margin-bottom:2.5rem;font-size:1rem}.not-found-actions{z-index:3;justify-content:center;display:flex;position:relative}.not-found-actions .btn-primary{background:var(--gradient-1);color:var(--bg-dark);border:none;border-radius:50px;padding:.9rem 2.2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #2dd4bf4d}.not-found-actions .btn-primary:hover{background:var(--gradient-2);transform:translateY(-2px);box-shadow:0 6px 25px #2dd4bf80}.not-found-actions .btn-primary:active{transform:translateY(0)}@keyframes floatIcon{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-3deg)}}@keyframes drawSlash{0%{stroke-dashoffset:40px;opacity:.3}to{stroke-dashoffset:0;opacity:1}}@keyframes wavePulse{0%{opacity:0;border-color:#4fffc966;transform:scale(.6)}30%{opacity:.7}to{opacity:0;border-color:#4fffc90d;transform:scale(1.6)}}@media (max-width:768px){.not-found-section{padding:4.5rem 1rem 1.5rem}.not-found-content{max-width:100%;padding:0}.not-found-card{border-radius:20px;max-width:100%;padding:2.5rem 1.5rem}.not-found-title .hero-title-main{font-size:2rem}.not-found-description{font-size:1rem}.not-found-subtext{margin-bottom:2rem;font-size:.9rem}.not-found-actions .btn-primary{padding:.85rem 2rem;font-size:.95rem}}@media (max-width:480px){.not-found-section{padding:4.5rem .75rem 1rem}.not-found-content{max-width:100%;padding:0}.not-found-card{border-radius:16px;max-width:100%;padding:2rem 1.25rem}.icon-container{width:70px;height:70px;margin-bottom:1.75rem}.disconnected-icon{width:36px;height:36px}.not-found-title .hero-title-main{font-size:1.75rem}.not-found-description{margin-bottom:.5rem;font-size:.95rem}.not-found-subtext{margin-bottom:1.75rem;font-size:.85rem}.not-found-actions .btn-primary{width:100%;padding:.8rem 1.5rem;font-size:.9rem}}