:root{--bg:#070912;--panel:rgba(13,16,29,.78);--line:#24283a;--mint:#6cffd9;--pink:#ff4f81;--violet:#7c5cff;--text:#f4f5f9;--muted:#81869a}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 72% 22%,rgba(124,92,255,.11),transparent 30%),var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}#field{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}header,main,.hint,footer{position:relative;z-index:1}header{height:74px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(36,40,58,.7);background:rgba(7,9,18,.45);backdrop-filter:blur(10px)}.brand{color:var(--text);text-decoration:none;font:800 clamp(18px,2vw,25px)/1 Arial,sans-serif;letter-spacing:-1px}.brand span{color:var(--violet);margin:0 .3em}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:8px;letter-spacing:.12em}.status i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}main{width:min(1380px,100%);margin:auto;padding:clamp(62px,9vw,130px) clamp(20px,5vw,72px) 100px}.intro{max-width:1020px}.eyebrow{margin:0;color:var(--mint);font-size:9px;letter-spacing:.18em}.intro h1{margin:25px 0 28px;font:900 clamp(62px,11vw,148px)/.78 Arial,sans-serif;letter-spacing:-.08em}.intro h1 em{color:var(--pink);font-style:normal}.standfirst{max-width:590px;color:var(--muted);font-size:clamp(14px,1.5vw,18px);line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.actions a,.actions button{min-width:190px;height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);font:700 9px ui-monospace,monospace;letter-spacing:.12em;cursor:pointer}.actions a{background:var(--mint);border-color:var(--mint);color:#07110e;text-decoration:none}.actions button{background:rgba(13,16,29,.72);color:var(--text)}.actions span{font-size:15px}.directory{margin-top:clamp(90px,13vw,175px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{min-height:300px;padding:clamp(26px,4vw,46px);display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);background:var(--panel);color:var(--text);text-decoration:none;backdrop-filter:blur(12px)}.panel>span{color:var(--mint);font-size:8px;letter-spacing:.15em}.panel h2{margin:24px 0 14px;font:900 clamp(48px,7vw,86px)/.85 Arial,sans-serif;letter-spacing:-.07em}.panel p{max-width:460px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.panel b{margin-top:auto;padding-top:32px;color:var(--mint);font-size:9px;letter-spacing:.12em}.panel.live{transition:transform .2s,border-color .2s}.panel.live:hover{transform:translateY(-4px);border-color:var(--mint)}.panel.quiet{background:repeating-linear-gradient(-45deg,rgba(13,16,29,.76),rgba(13,16,29,.76) 14px,rgba(10,13,24,.76) 14px,rgba(10,13,24,.76) 28px)}.panel.quiet h2,.panel.quiet b{color:var(--muted)}.hint{position:fixed;right:26px;bottom:80px;color:rgba(129,134,154,.55);font-size:7px;letter-spacing:.13em;writing-mode:vertical-rl}footer{min-height:65px;padding:18px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:rgba(7,9,18,.7);color:var(--muted);font-size:8px;letter-spacing:.12em}@media(max-width:760px){header{height:62px}.status{font-size:7px}main{padding-top:70px}.intro h1{font-size:clamp(60px,20vw,96px)}.directory{grid-template-columns:1fr}.panel{min-height:270px}.hint{display:none}footer{flex-direction:column;gap:8px;justify-content:center}}@media(prefers-reduced-motion:reduce){.panel.live{transition:none}}