.modern-404-root{color:#fff;background-color:#050505;min-height:100vh;display:flex;overflow:hidden}.modern-left{border-right:1px solid #ffffff0d;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.content-wrapper{flex-direction:column;align-items:flex-start;max-width:480px;display:flex}.error-badge{color:#ffffff80;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:14px;font-weight:600;display:inline-block}.error-heading{letter-spacing:-1px;margin:0 0 24px;font-size:max(28px,min(4vw,48px));font-weight:800;line-height:1.1}.error-description{color:#fff9;margin:0 0 40px;font-size:max(16px,min(1.5vw,18px));line-height:1.6}.primary-btn{color:#000;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:box-shadow .2s,opacity .2s;display:inline-flex}.primary-btn:hover{box-shadow:0 8px 20px #ffffff26}.primary-btn:active{opacity:.8}.modern-right{background:radial-gradient(circle,#ffffff08 0%,#0000 60%);flex:1;justify-content:center;align-items:center;display:flex}.tv-set{--tv-scale:.85;transform:scale(var(--tv-scale));transform-origin:top;margin-top:60px;margin-bottom:calc(-452px * (1 - var(--tv-scale)));flex-direction:column;align-items:center;display:flex;position:relative}.tv-antenna{z-index:0;background:#444;width:4px;height:90px;position:absolute;top:-70px}.tv-antenna:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:-4px}.tv-antenna.left{left:35%;transform:rotate(-35deg)}.tv-antenna.right{right:35%;transform:rotate(35deg)}.tv-frame{z-index:1;background:#141414;border:2px solid #ffffff1a;border-radius:36px;align-items:center;padding:24px 16px 24px 24px;display:flex;position:relative;box-shadow:inset 0 0 40px #000c,inset -2px -2px 10px #00000080,inset 2px 2px 10px #ffffff0d,0 30px 50px #000}.matrix-display-container{aspect-ratio:1;background:#000;border:16px solid #222;border-radius:32px;justify-content:center;align-items:center;width:360px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000000e6,0 0 10px #00000080}.matrix-display-container .bit-matrix{box-sizing:border-box;margin:0;width:100%!important;height:100%!important}.tv-dials{flex-direction:column;align-items:center;gap:20px;width:60px;padding-top:10px;display:flex}.dial{cursor:pointer;background:#0a0a0a;border:1px solid #fff3;border-radius:50%;width:36px;height:36px;position:relative;box-shadow:0 4px 8px #000c,inset 0 2px 4px #ffffff0d}.dial:after{content:"";background:#fff;border-radius:2px;width:2px;height:12px;position:absolute;top:4px;left:16px}.speaker-grill{flex-direction:column;gap:8px;margin-top:auto;margin-bottom:24px;display:flex}.slot{background:#000;border:1px solid #ffffff0d;border-radius:4px;width:36px;height:6px;box-shadow:inset 0 2px 4px #000}.tv-legs{z-index:0;width:80%;height:40px;position:relative}.leg{background:linear-gradient(90deg,#222,#777,#222);border-bottom:2px solid #fff6;border-radius:8px;width:16px;height:60px;position:absolute;top:-20px;box-shadow:0 10px 20px #000c}.leg.left{left:20%;transform:rotate(20deg)}.leg.right{right:20%;transform:rotate(-20deg)}@media (max-width:1000px){.modern-404-root{flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}.modern-left{text-align:center;border-right:none;flex:none;padding:60px 24px 20px}.content-wrapper{align-items:center;margin:0 auto}.error-heading{word-break:break-word;font-size:max(28px,min(8vw,48px))}.error-description{font-size:16px}.modern-right{flex:none;justify-content:center;align-items:center;width:100%;padding:20px 24px 60px}.tv-set{--tv-scale:.8;margin-top:40px}}@media (max-width:600px){.modern-left{padding:40px 16px 10px}.modern-right{padding:10px 16px 60px}.tv-set{--tv-scale:.65}.error-heading{font-size:max(24px,min(7vw,36px))}.error-description{font-size:14px}.error-badge{margin-bottom:12px;font-size:12px}}@media (max-width:500px){.tv-set{--tv-scale:.55}}@media (max-width:400px){.tv-set{--tv-scale:.45}.error-heading{font-size:max(20px,min(6vw,24px))}}@media (max-width:320px){.tv-set{--tv-scale:.4}.error-heading{font-size:18px}.error-description{font-size:13px}}