@import"https://fonts.googleapis.com/css2?family=VT323&family=IBM+Plex+Mono:wght@400;500;700;800&display=swap";:root{--iron: #0F0E0C;--iron-2: #15140f;--iron-3: #1c1a16;--amber: #E89C00;--amber-bright: #ffb81e;--stencil: #F0E8D5;--muted: #8a8478;--phosphor: #ffae3b;--phosphor-glow: rgba(255, 174, 59, .55);--phosphor-deep: #d97400;--crt-bg: #0c0805;--body-slate: #2d313b;--bronze-light: #d8d19d;--bronze-mid: #77533d;--cream-bezel: #dad9b3;--cab-paint-light: #d8d19d;--cab-paint: #77533d;--cab-paint-mid: #4a3424;--cab-paint-shadow: #2d313b;--cab-paint-deep: #1a1c22;--rib-highlight: #b8a47a;--rib-shadow: #4a3424;--rib-deep: #2d313b;--metal: #847e75;--green-lcd: #4ade80;--green-lcd-deep: #1a4828;--green-glow: rgba(74, 222, 128, .55);--bezel-black: #0c0907;--bezel-black-2: #1a1612;--inset-dark: #2a251f;--bezel-bronze-light: #b07a48;--bezel-bronze: #8a5a32;--bezel-bronze-mid: #6a4220;--bezel-bronze-dark: #4a2c14;--bezel-bronze-edge: #2a1808;--stencil-ink: #e0d6c0;--stencil-ink-fade: rgba(224, 214, 192, .68);--caution-yellow: #e8b020;--caution-yellow-2: #b07810;--caution-black: #1a1612;--warn-red: #c43520;--warn-red-deep: #6a1a08;--lamp-amber-on: #ffb028;--lamp-amber-off: #4a3818;--lamp-red-on: #ff4a28;--lamp-red-off: #4a1810;--steel-light: #6a6258;--steel-mid: #3a342c;--steel-deep: #1a1612;--yard-sky: #050a14;--yard-deep: #02050a;--sodium: #ff7a1a;--sodium-deep: #b04a00;--rust: #5a2a14;--steel-shadow: #0a0c14}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{background:var(--yard-deep);color:var(--phosphor);font-family:VT323,IBM Plex Mono,ui-monospace,monospace;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.yard{position:fixed;inset:0;background:#02040a;z-index:0;overflow:hidden;isolation:isolate}.yard-photo{position:absolute;inset:-40px;background-image:url(https://images.unsplash.com/photo-1678182451047-196f22a4143e?w=2000&q=70&auto=format&fit=crop);background-size:cover;background-position:center;filter:blur(3.5px) brightness(.62) saturate(1.45) contrast(1.25) drop-shadow(7px 0 0 rgba(255,50,50,.42)) drop-shadow(-7px 0 0 rgba(50,220,255,.42));pointer-events:none;z-index:0;animation:yard-drift 80s ease-in-out infinite alternate}@keyframes yard-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-12px,6px) scale(1.02)}}.yard-bloom{position:absolute;inset:-40px;background-image:url(https://images.unsplash.com/photo-1678182451047-196f22a4143e?w=2000&q=70&auto=format&fit=crop);background-size:cover;background-position:center;filter:blur(22px) brightness(1.25) saturate(1.5) contrast(1.05);mix-blend-mode:screen;opacity:.32;pointer-events:none;animation:yard-drift 80s ease-in-out infinite alternate}.yard-grain{position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(0,0,0,.55) .55px,transparent .7px);background-size:3px 3px;pointer-events:none;mix-blend-mode:multiply;opacity:.45}.yard-flicker{position:absolute;inset:0;background:#0000000f;pointer-events:none;mix-blend-mode:multiply;animation:yard-hum .55s ease-in-out infinite}@keyframes yard-hum{0%,to{opacity:0}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.yard-flicker{animation:none;opacity:.4}.yard-bloom{animation:none}}.yard-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 80% 60% at 25% 15%,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 35%,transparent 75%),radial-gradient(ellipse 50% 35% at 82% 20%,rgba(255,255,255,.14) 0%,transparent 65%),radial-gradient(ellipse 90% 75% at 50% 50%,rgba(255,245,220,.14) 0%,rgba(255,245,220,.04) 40%,transparent 75%),radial-gradient(ellipse 130% 110% at 50% 50%,transparent 0%,transparent 35%,rgba(0,0,0,.3) 65%,rgba(0,0,0,.65) 95%,rgba(0,0,0,.85) 100%),radial-gradient(ellipse 100% 100% at 50% 50%,#8c643c2e,#23376442)}@keyframes fog-drift{0%{transform:translate(0)}to{transform:translate(40px,-10px)}}.stage{position:relative;z-index:3;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:56px 24px 90px}.console{position:relative;width:min(960px,96vw);filter:drop-shadow(0 60px 80px rgba(0,0,0,.7))}.cabinet{position:relative;background:radial-gradient(circle at 100% 0%,var(--bronze-light) 0%,var(--bronze-mid) 38%,var(--body-slate) 100%);border-radius:28px;padding:0 0 24px;box-shadow:0 0 0 8px var(--body-slate),0 0 60px 8px #0000008c,0 24px 40px #0000008c,0 48px 70px #00000059;filter:drop-shadow(2px 0 0 rgba(0,255,0,.18)) drop-shadow(-2px 0 0 rgba(255,0,255,.18));isolation:isolate;overflow:hidden}.cabinet:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.012) 0px,rgba(255,255,255,.01) 1px,transparent 1.5px,transparent 4px);mix-blend-mode:multiply;pointer-events:none;z-index:1}.cabinet>*{position:relative;z-index:2}.cab-ribs{height:36px;background:repeating-linear-gradient(90deg,var(--rib-shadow) 0px,var(--cab-paint-mid) 2px,var(--cab-paint) 4px,var(--cab-paint-mid) 6px,var(--rib-shadow) 7px,var(--rib-shadow) 8px);border-radius:18px 18px 0 0;box-shadow:inset 0 1px #ffffff2e,inset 0 -2px 4px #00000059,0 1px #0003}.reg-strip{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 24px 14px;margin:0 24px 18px;border-bottom:1px solid rgba(0,0,0,.18);font-family:IBM Plex Mono,ui-monospace,Menlo,Consolas,monospace;font-weight:800;font-size:10px;letter-spacing:.32em;color:var(--stencil-ink);text-transform:uppercase}.reg-warn{color:var(--caution-yellow);font-size:11px;letter-spacing:0}.cabinet-row{display:flex;align-items:stretch;gap:22px;padding:22px}.cabinet-row .screen-frame{flex:1 1 auto;margin:0}.side-panel{flex:0 0 220px;display:flex;flex-direction:column;gap:14px}.side-grille,.side-knob-row,.side-tuning,.side-badge{position:relative;background:linear-gradient(180deg,#281e168c,#140e0aa6);border-radius:18px;box-shadow:inset 0 2px 6px #000000a6,inset 0 -1px #d8d19d26,0 1px #d8d19d33;padding:14px}.side-grille{flex:1 1 auto;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:18px;overflow:hidden}.speaker-disc{position:absolute;top:16%;right:-8%;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d8d19d0f,#00000040 60%,#00000073),conic-gradient(from 180deg,#1a120c,#2a1d12,#1a120c,#2a1d12,#1a120c);box-shadow:inset 0 0 20px #0000008c,inset 0 0 0 2px #00000073;pointer-events:none;z-index:0;opacity:.55}.grille-slat{position:relative;z-index:1;height:4px;background:linear-gradient(180deg,#0000008c,#000000d9,#0000008c);border-radius:2px;box-shadow:inset 0 1px #000000d9,inset 0 -1px #d8d19d1a,0 1px #d8d19d0f}.side-knob-row{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:16px 14px}.side-tuning{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 14px 18px}.knob-cell{display:flex;flex-direction:column;align-items:center;gap:6px}.knob-label{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:8px;font-weight:800;letter-spacing:.22em;color:var(--cream-bezel);text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.6)}.tuning-label{font-size:9px}.knob{position:relative;border-radius:50%;display:grid;place-items:center}.power-button{width:30px;height:30px;background:radial-gradient(circle at 30% 30%,#d8d19d,#847c5a,#4a3424 60%,#2a1c14);box-shadow:inset 0 -2px 4px #0000008c,inset 0 2px 2px #d8d19d66,inset 0 0 0 4px #0006,-2px 2px 3px #00000080}.power-led{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff5fb8,#c92a7a,#7a1d4a 70%,#2a0815);box-shadow:0 0 8px #ff5fb8a6,inset 0 1px 1px #ffffff73,inset 0 -1px 1px #0006,inset 0 0 0 1px #00000080}.rotary-knob{background:radial-gradient(circle at 30% 30%,rgba(216,209,157,.35) 0%,transparent 50%),conic-gradient(from 215deg,#908a78,#4a4234,#847c5a,#2a241a,#908a78);box-shadow:inset 0 -2px 4px #0000008c,inset 0 2px 2px #d8d19d73,inset 0 0 0 3px #0000008c,inset 0 0 0 4px #d8d19d1f,-2px 2px 3px #0000008c}.volume-knob{width:28px;height:28px;transform:rotate(40deg)}.tuning-knob{width:56px;height:56px;transform:rotate(-30deg)}.knob-pointer{position:absolute;top:12%;left:50%;transform:translate(-50%);width:3px;height:26%;background:linear-gradient(180deg,var(--cream-bezel) 0%,#847e75 100%);border-radius:2px;box-shadow:0 1px 1px #00000073}.tuning-knob .knob-pointer{width:4px;height:30%}.side-badge{display:grid;place-items:center;padding:10px 14px;min-height:56px}.side-badge .nameplate-mark{height:30px}.bottom-panel{display:none}.bottom-content{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.brand-zone{display:flex;align-items:center;gap:16px}.brand-meta{display:flex;flex-direction:column;gap:4px;font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:700;font-size:9px;letter-spacing:.22em;color:var(--stencil-ink);text-transform:uppercase}.meta-line{display:block}.meta-line.dim{color:var(--stencil-ink-fade);font-weight:400;font-size:8px;letter-spacing:.2em}.control-cluster{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:12px;background:linear-gradient(180deg,#0a0907,#14110c);padding:8px 12px;border-radius:4px;box-shadow:inset 0 2px 4px #000000d9,inset 0 -1px #ffffff0a,0 1px #ffffff2e}.cluster-label{font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:800;letter-spacing:.24em;color:var(--cab-paint-light);text-transform:uppercase}.cluster-readout{font-family:VT323,IBM Plex Mono,monospace;font-size:14px;font-weight:400;color:var(--green-lcd);letter-spacing:.06em;text-shadow:0 0 1px var(--green-lcd),0 0 4px var(--green-glow),0 0 10px rgba(74,222,128,.35);padding:2px 8px;background:#0006;border-radius:2px;box-shadow:inset 0 1px 2px #000c,inset 0 0 0 1px #00000080}.cluster-indicators{display:flex;gap:5px;align-items:center}.ind{width:6px;height:6px;border-radius:50%;background:var(--green-lcd-deep);box-shadow:inset 0 0 1px #0009,0 0 0 1px #00000080}.ind-on{background:radial-gradient(circle at 30% 30%,#b6f5ce 0%,var(--green-lcd) 30%,#1a8a48 80%,#052812 100%);box-shadow:inset 0 0 1px #fff6,0 0 3px var(--green-glow),0 0 6px #4ade8059,0 0 0 1px #00000080}.led{display:none}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.78}}.sticker-wrap{position:relative;display:inline-block;transform:rotate(-1.4deg);z-index:1;isolation:isolate;padding-right:10px;padding-bottom:8px}.nameplate-mark{position:relative;height:32px;width:auto;display:block;z-index:2;clip-path:polygon(0% 0%,100% 0%,100% 34%,99% 41%,97% 49%,94% 57%,90% 65%,84% 74%,76% 83%,66% 92%,52% 100%,0% 100%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.55)) drop-shadow(1px 1px 2px rgba(0,0,0,.35));outline:1px solid rgba(0,0,0,.55);outline-offset:-1px}.sticker-peel-shadow{position:absolute;right:2px;bottom:1px;width:26px;height:22px;background:radial-gradient(ellipse 90% 60% at 20% 35%,rgba(0,0,0,.75) 0%,rgba(0,0,0,.45) 22%,rgba(0,0,0,.18) 50%,transparent 78%);filter:blur(1.2px);pointer-events:none;z-index:1;transform:rotate(-8deg)}.sticker-peel{position:absolute;right:-1px;bottom:-1px;width:19px;height:16px;clip-path:polygon(0% 100%,100% 6%,100% 100%);background:radial-gradient(ellipse 90% 60% at 95% 18%,#fff5dcbf,#fff5dc00 50%),linear-gradient(138deg,#1a1610,#2e2a1e 4%,#5a4e36 10%,#8a7a58 18%,#b8a578 28%,#d8c69a 42%,#ecdcb0 60%,#f4e4bc,#f8ecc8);transform:skew(-6deg);transform-origin:bottom left;filter:drop-shadow(-.5px 1px 1.2px rgba(0,0,0,.55)) drop-shadow(0 .5px .5px rgba(0,0,0,.35));z-index:3}.sticker-peel:before{content:"";position:absolute;top:0;right:-.5px;bottom:0;width:1.2px;background:linear-gradient(180deg,#0f0e0cd9,#1c1812b3,#28201673);border-radius:1px;pointer-events:none}.sticker-peel:after{content:"";position:absolute;top:0;left:30%;right:0;height:1.2px;background:linear-gradient(90deg,#0f0e0c66,#14120eb3 60%,#0f0e0cd9);box-shadow:0 1px #fff5dc73;pointer-events:none}.screen-frame{position:relative;background:transparent;padding:12px;margin:0 24px;border:12px solid var(--cream-bezel);border-radius:36px;box-shadow:0 0 0 8px #41423a,inset 0 0 8px 24px #3c3228d9,-4px 4px 6px 4px #36323a80}.screen{position:relative;aspect-ratio:4 / 3;background:var(--crt-bg);border-radius:28px/22px;overflow:hidden;box-shadow:inset 0 0 80px #000000d9,inset 0 0 24px #ffae3b0d,0 0 40px #ffae3b12;cursor:text;isolation:isolate}.screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 90% 70% at 50% 50%,transparent 60%,rgba(0,0,0,.35) 100%),radial-gradient(ellipse 50% 30% at 25% 18%,rgba(255,255,255,.06) 0%,transparent 60%);pointer-events:none;z-index:4}.screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0px,rgba(0,0,0,.35) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:5;opacity:.55;mix-blend-mode:multiply}.scan-bar{position:absolute;left:0;right:0;height:12vh;background:linear-gradient(180deg,transparent 0%,rgba(255,174,59,.04) 50%,transparent 100%);pointer-events:none;z-index:6;animation:scan-bar-roll 8s linear infinite}@keyframes scan-bar-roll{0%{top:-12%}to{top:100%}}.screen-flicker{position:absolute;inset:0;background:#ffae3b05;pointer-events:none;z-index:7;animation:flicker 7s steps(2) infinite}@keyframes flicker{0%,96%,to{opacity:0}97%{opacity:.55}97.5%{opacity:0}98%{opacity:.4}98.4%{opacity:0}}.terminal{position:relative;height:100%;padding:clamp(14px,3.4%,32px) clamp(16px,4%,38px);font-family:VT323,IBM Plex Mono,monospace;font-size:clamp(15px,2vw,22px);line-height:1.18;color:var(--phosphor);text-shadow:0 0 1px rgba(255,174,59,.9),0 0 4px var(--phosphor-glow),0 0 18px rgba(255,100,0,.32);overflow-y:auto;z-index:3;white-space:pre-wrap;word-break:keep-all;scrollbar-width:thin;scrollbar-color:rgba(255,174,59,.3) transparent}.terminal::-webkit-scrollbar{width:6px}.terminal::-webkit-scrollbar-thumb{background:#ffae3b4d;border-radius:3px}.term-line{opacity:0;animation:line-in 1ms linear forwards;min-height:1.18em}@keyframes line-in{to{opacity:1}}.term-line.user{color:var(--stencil);text-shadow:0 0 4px rgba(240,232,213,.7),0 0 12px rgba(240,232,213,.4)}.term-line.dim{color:var(--phosphor-deep)}.term-line.bright{color:var(--amber-bright);text-shadow:0 0 6px rgba(255,184,30,.8),0 0 20px rgba(255,100,0,.5)}.term-line.bad{color:#ff6a3d;text-shadow:0 0 4px rgba(255,106,61,.7),0 0 12px rgba(255,80,40,.45)}.term-line.ok{color:#ffd060;text-shadow:0 0 6px rgba(255,208,96,.85),0 0 18px rgba(255,140,30,.55)}.term-line.white{color:#b8c0d2;text-shadow:0 0 2px rgba(184,192,210,.55),0 0 8px rgba(150,170,200,.22)}.seg-user{color:var(--stencil);text-shadow:0 0 4px rgba(240,232,213,.7),0 0 12px rgba(240,232,213,.4)}.seg-dim{color:var(--phosphor-deep)}.seg-bright{color:var(--amber-bright);text-shadow:0 0 6px rgba(255,184,30,.8),0 0 20px rgba(255,100,0,.5)}.seg-bad{color:#ff6a3d;text-shadow:0 0 4px rgba(255,106,61,.7),0 0 12px rgba(255,80,40,.45)}.seg-ok{color:#ffd060;text-shadow:0 0 6px rgba(255,208,96,.85),0 0 18px rgba(255,140,30,.55)}.seg-white{color:#b8c0d2;text-shadow:0 0 2px rgba(184,192,210,.55),0 0 8px rgba(150,170,200,.22)}.prompt.dim{color:var(--phosphor-deep)}.screen.is-locking{animation:lock-pulse .36s cubic-bezier(.2,0,0,1) 1}@keyframes lock-pulse{0%{box-shadow:inset 0 0 80px #000000d9,inset 0 0 24px #ffae3b0d,0 0 40px #ffae3b12}35%{box-shadow:inset 0 0 80px #000000d9,inset 0 0 60px #ffb81e8c,0 0 80px #ffb81ea6,0 0 160px #ff640073}to{box-shadow:inset 0 0 80px #000000d9,inset 0 0 24px #ffae3b0d,0 0 40px #ffae3b12}}@media(prefers-reduced-motion:reduce){.screen.is-locking{animation:none}}.cursor{display:inline-block;width:.55em;height:1em;background:var(--phosphor);vertical-align:text-bottom;margin-left:2px;box-shadow:0 0 2px var(--phosphor),0 0 8px var(--phosphor-glow);animation:cursor-blink 1.05s steps(2) infinite}@keyframes cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.email-form{display:inline;position:relative}.email-input{position:absolute;inset:0;width:100%;background:transparent;border:none;outline:none;color:transparent;caret-color:transparent;font:inherit;letter-spacing:inherit;padding:0;z-index:-1;opacity:0}.typed{color:var(--stencil);text-shadow:0 0 4px rgba(240,232,213,.6)}.yard-sign{position:relative;z-index:4;text-align:center;margin-top:36px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.3em;color:#e89c008c;text-shadow:0 0 8px rgba(232,156,0,.4);text-transform:uppercase}.yard-sign .dot{color:var(--amber);margin:0 8px}@media(max-width:720px){.stage{padding:24px 12px 64px}.cabinet{border-radius:14px;padding:0 0 18px}.cab-ribs{height:24px;border-radius:14px 14px 0 0}.screen-frame{padding:24px;border-radius:4px}.terminal{font-size:clamp(13px,4vw,18px);padding:12px 14px}.yard-sign{font-size:8px;letter-spacing:.2em;margin-top:24px}.yard-containers{display:none}.reg-strip{font-size:8px;gap:10px;letter-spacing:.22em;padding:8px 12px 10px;margin:0 16px 14px}.bottom-panel{margin:18px 16px 0}.bottom-content{grid-template-columns:1fr;gap:16px}.nameplate-mark{height:22px}.meta-line{font-size:8px;letter-spacing:.18em}.meta-line.dim{font-size:7px}.control-cluster{gap:8px;padding:6px 10px;justify-self:start}.cluster-label{font-size:7px}.cluster-readout{font-size:12px;padding:1px 6px}}@media(prefers-reduced-motion:reduce){.scan-bar,.screen-flicker,.yard-fog,.led{animation:none!important}.term-line{animation-duration:1ms!important;opacity:1!important}.cursor{animation-duration:1.5s}}