.findit-404-page{background:var(--background);min-height:100svh;color:var(--foreground);place-items:center;padding:32px 20px;display:grid;overflow:hidden}.findit-404-wrap{justify-items:center;width:min(100%,760px);padding:28px 0 18px;display:grid;position:relative}.findit-404-device{z-index:2;width:min(100%,470px);filter:drop-shadow(0 24px 45px color-mix(in srgb, var(--foreground) 16%, transparent));padding-top:38px;position:relative}.findit-404-antenna{border:5px solid color-mix(in srgb, var(--primary) 80%, var(--foreground));background:color-mix(in srgb, var(--primary) 20%, var(--card));width:52px;height:52px;box-shadow:inset 0 -7px 0 color-mix(in srgb, var(--primary) 22%, transparent);border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}.findit-404-antenna:before,.findit-404-antenna:after{content:"";background:color-mix(in srgb, var(--foreground) 72%, var(--card));border-radius:999px;width:105px;height:10px;position:absolute;bottom:33px}.findit-404-antenna:before{right:28px;transform:rotate(-31deg)}.findit-404-antenna:after{left:28px;transform:rotate(31deg)}.findit-404-antenna-dot{background:var(--primary);width:11px;height:11px;box-shadow:none;border-radius:50%;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.findit-404-tv{border:2px solid color-mix(in srgb, var(--foreground) 20%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 30%, var(--card)), color-mix(in srgb, var(--card) 92%, var(--background)));min-height:220px;box-shadow:inset 0 2px 0 #ffffff1f, 0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent);border-radius:26px;grid-template-columns:minmax(0,1fr) 74px;gap:12px;padding:18px;display:grid;position:relative}.findit-404-screen-frame{background:color-mix(in srgb, var(--foreground) 7%, transparent);min-width:0;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--foreground) 18%, transparent);border-radius:18px;place-items:center;padding:9px;display:grid}.findit-404-screen{isolation:isolate;border:2px solid color-mix(in srgb, var(--foreground) 50%, transparent);background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--foreground) 12%, var(--background)) 0 2px, transparent 2px 5px), linear-gradient(135deg, color-mix(in srgb, var(--primary) 35%, var(--background)), var(--background));border-radius:12px;place-items:center;width:100%;min-height:178px;display:grid;position:relative;overflow:hidden}.findit-404-screen:before{content:"";z-index:-1;opacity:.35;background:linear-gradient(90deg, transparent 0 18%, color-mix(in srgb, var(--primary) 65%, transparent) 18% 20%, transparent 20% 42%, color-mix(in srgb, var(--primary) 35%, transparent) 42% 44%, transparent 44% 70%, color-mix(in srgb, var(--primary) 60%, transparent) 70% 72%, transparent 72%);animation:.32s steps(2,end) infinite findit-404-noise;position:absolute;inset:0}.findit-404-screen span{color:#fff;letter-spacing:.12em;background:#050806;border-radius:6px;padding:7px 10px;font:700 12px/1 DM Sans,sans-serif;box-shadow:0 0 0 1px #ffffff1a}.findit-404-control-panel{border:2px solid color-mix(in srgb, var(--foreground) 18%, transparent);background:color-mix(in srgb, var(--foreground) 7%, var(--card));border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.findit-404-knob{border:2px solid color-mix(in srgb, var(--foreground) 40%, transparent);background:color-mix(in srgb, var(--foreground) 18%, var(--card));border-radius:50%;width:30px;height:30px;box-shadow:inset 3px 3px 4px #ffffff1a}.findit-404-knob-small{width:24px;height:24px}.findit-404-speakers{gap:5px;width:42px;display:grid}.findit-404-speakers i{background:color-mix(in srgb, var(--foreground) 28%, transparent);border-radius:999px;height:3px;display:block}.findit-404-base{justify-content:space-between;width:72%;height:13px;margin:-2px auto 0;display:flex}.findit-404-base span{border:2px solid color-mix(in srgb, var(--foreground) 25%, transparent);background:color-mix(in srgb, var(--foreground) 15%, var(--card));border-top:0;border-radius:0 0 7px 7px;width:46px;height:13px}.findit-404-number{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;color:color-mix(in srgb, var(--primary) 18%, transparent);letter-spacing:-.12em;justify-content:center;gap:clamp(28px,7vw,72px);font:800 clamp(8rem,25vw,15rem)/.75 DM Sans,sans-serif;display:flex;position:absolute;inset:42px 0 auto}.findit-404-copy{z-index:3;text-align:center;width:min(100%,520px);margin-top:28px;position:relative}.findit-404-eyebrow{color:var(--primary);letter-spacing:.18em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}.findit-404-copy h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700}.findit-404-copy p:not(.findit-404-eyebrow){max-width:430px;color:var(--muted-foreground);margin:9px auto 0;font-size:.9rem;line-height:1.6}.findit-404-actions{justify-content:center;gap:9px;margin-top:20px;display:flex}.findit-404-primary,.findit-404-secondary{border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.findit-404-primary{border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground)}.findit-404-secondary{border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer}.findit-404-primary:hover,.findit-404-secondary:hover{transform:translateY(-1px)}.findit-404-primary:hover{background:color-mix(in srgb, var(--primary) 88%, white)}.findit-404-secondary:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}@keyframes findit-404-noise{0%{transform:translate(0)}50%{transform:translate(-2px,1px)}to{transform:translate(1px,-1px)}}@media (width<=640px){.findit-404-page{padding:20px 14px}.findit-404-device{width:min(100%,390px)}.findit-404-tv{grid-template-columns:minmax(0,1fr) 58px;gap:8px;min-height:185px;padding:12px}.findit-404-screen{min-height:150px}.findit-404-number{gap:22px;font-size:8rem;top:46px}.findit-404-actions{flex-direction:column-reverse}.findit-404-primary,.findit-404-secondary{width:100%}}
