:root{
  --pink:#ff00c8;
  --pink2:#ff38d3;
  --black:#030303;
  --panel:#090909;
  --line:#ff00c8;
  --muted:#d8a6cd;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:#fff;
  background:
    radial-gradient(circle at 20% 10%,rgba(255,0,200,.12),transparent 23%),
    radial-gradient(circle at 90% 30%,rgba(255,0,200,.09),transparent 25%),
    #000;
  font-family:"Courier New",Courier,monospace;
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-3;
  background-color:#050505;
  background-image:
    linear-gradient(45deg,var(--pink) 25%,transparent 25%),
    linear-gradient(-45deg,var(--pink) 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,var(--pink) 75%),
    linear-gradient(-45deg,transparent 75%,var(--pink) 75%);
  background-size:32px 32px;
  background-position:0 0,0 16px,16px -16px,-16px 0;
  opacity:.15;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-2;background:rgba(0,0,0,.57)
}
.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(255,0,200,.035) 4px);mix-blend-mode:screen}
.noise{position:fixed;inset:-30%;z-index:19;pointer-events:none;opacity:.08;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:5px 5px;animation:noise 1s steps(2) infinite}
@keyframes noise{0%{transform:translate(0)}50%{transform:translate(2%,1%)}100%{transform:translate(-1%,-2%)}}
.error-frame{border:2px solid var(--line);box-shadow:0 0 0 2px #150010,0 0 24px rgba(255,0,200,.18);background:rgba(3,3,3,.94)}
.topbar{position:sticky;top:0;z-index:30;margin:0;border-left:0;border-right:0;display:flex;justify-content:space-between;gap:20px;padding:9px 16px;background-image:repeating-linear-gradient(90deg,#090909 0 12px,#210018 12px 24px);font-weight:700;font-size:13px;text-transform:uppercase}
.status{color:var(--pink2);animation:flicker 1.9s infinite}
.section-shell{width:min(1180px,calc(100% - 34px));margin:0 auto}
.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:72px 0 40px}
.error-badge{display:inline-block;border:1px dashed var(--pink);color:var(--pink2);padding:7px 10px;margin-bottom:12px;background:#0b0008;transform:rotate(-1deg)}
.glitch{position:relative;margin:0;font-size:clamp(58px,9vw,128px);line-height:.84;letter-spacing:-.075em;color:var(--pink);text-shadow:3px 0 #fff,-3px 0 #4a003d;animation:flicker 2.1s infinite}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:.55;clip-path:inset(0 0 60% 0)}
.glitch::before{transform:translate(5px,-2px);color:#fff}.glitch::after{transform:translate(-6px,3px);color:#88006c;clip-path:inset(58% 0 10% 0)}
.ticker{display:inline-block;margin:22px 0 10px;border:2px solid var(--pink);padding:8px 13px;font-size:clamp(20px,3vw,34px);font-weight:900;background:#090006;box-shadow:6px 6px 0 #4a0037}
.lead{max-width:650px;color:#f1c7e8;font-size:17px;line-height:1.6}
.window-title{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;color:#111;background:var(--pink);font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.ca-panel{margin-top:28px;max-width:700px}.ca-row{display:flex;gap:10px;padding:18px}.ca-row code{flex:1;min-width:0;border:1px dashed var(--pink);padding:14px;color:#fff;background:#0b0008;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ca-row button,.error-button{border:2px solid var(--pink);background:#0b0008;color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:4px 4px 0 var(--pink);transition:.12s transform,.12s box-shadow}.ca-row button{padding:0 18px}.ca-row button:hover,.error-button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--pink);background:var(--pink);color:#000}.copy-status{padding:0 18px 15px;color:var(--muted);font-size:12px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.error-button{text-decoration:none;padding:14px 18px;display:flex;align-items:center;gap:10px}.error-button img{width:23px;height:23px;color:currentColor;filter:brightness(0) invert(1)}
.hero-art{transform:rotate(1.3deg)}.art-wrap{position:relative;aspect-ratio:1/1;overflow:hidden;background:#000}.art-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.08) saturate(1.25)}.floating-error{position:absolute;background:#080808;border:2px solid var(--pink);color:#fff;padding:8px 11px;box-shadow:5px 5px 0 #4a0038;font-weight:700}.e1{top:8%;left:4%;transform:rotate(-4deg)}.e2{right:4%;top:45%;transform:rotate(5deg)}.e3{bottom:7%;left:15%;transform:rotate(-2deg)}
.chaos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:25px 0 60px}.error-window{border:2px solid var(--pink);background:#070707;box-shadow:7px 7px 0 #38002d}.tilt-left{transform:rotate(-2deg)}.tilt-right{transform:rotate(2deg)}.window-body{display:flex;gap:16px;align-items:center;padding:20px;min-height:150px}.window-body .icon{flex:0 0 54px;width:54px;height:54px;border:4px double var(--pink);display:grid;place-items:center;color:var(--pink);font-size:38px;font-weight:900}.window-body p{margin:0;line-height:1.6;color:#f4d8ee}
.chart-section{padding:20px 0 70px}.chart-window{overflow:hidden}.chart-toolbar{display:flex;justify-content:space-between;gap:20px;padding:10px 12px;border-bottom:1px dashed var(--pink);color:#ff8ce5;background:#090009}.chart-wrap{position:relative;height:620px;background-color:#060006;background-image:linear-gradient(rgba(255,0,200,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,200,.08) 1px,transparent 1px);background-size:28px 28px}.chart-wrap iframe{width:100%;height:100%;border:0;display:block;filter:hue-rotate(287deg) saturate(1.7) contrast(1.1)}.chart-fallback{position:absolute;inset:0;display:none;place-items:center;align-content:center;gap:9px;text-align:center;color:var(--pink);background:repeating-linear-gradient(45deg,#030303 0 15px,#1a0014 15px 30px);font-size:20px}.chart-fallback strong{font-size:clamp(24px,4vw,52px)}
.manifesto{padding-bottom:90px}.mega-error{display:flex;align-items:center;gap:28px;padding:26px;background-image:repeating-linear-gradient(45deg,rgba(255,0,200,.18) 0 18px,rgba(0,0,0,.9) 18px 36px)}.warning-triangle{width:100px;height:100px;flex:0 0 100px;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--pink);color:#000;display:grid;place-items:end center;font-size:65px;font-weight:900;padding-bottom:3px}.mega-error h2{margin:0;color:var(--pink2);font-size:clamp(34px,6vw,72px);line-height:.95}.mega-error p{margin:14px 0 0;color:#f5c6e9}.footer{margin:0;border-left:0;border-right:0;border-bottom:0;display:flex;justify-content:space-between;gap:20px;padding:16px;color:#ff91e9;background:#040004;font-size:12px}
@keyframes flicker{0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,24%,55%{opacity:.25}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{max-width:680px}.chaos-grid{grid-template-columns:1fr}.tilt-left,.tilt-right{transform:none}.chart-wrap{height:520px}}
@media(max-width:560px){.section-shell{width:min(100% - 20px,1180px)}.topbar{font-size:10px}.status{display:none}.hero{min-height:auto}.glitch{font-size:16vw}.ca-row{flex-direction:column}.ca-row button{padding:13px}.chart-toolbar{font-size:11px}.chart-wrap{height:430px}.mega-error{align-items:flex-start}.warning-triangle{width:65px;height:65px;flex-basis:65px;font-size:43px}.footer{flex-direction:column}}