body{background:#020815;isolation:isolate;overflow-x:hidden}
.ambient-circuits{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 12% 28%,#05386899,transparent 50%),radial-gradient(ellipse at 92% 65%,#21146888,transparent 48%),#020815}
.ambient-circuits::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#02081544 48%,transparent);pointer-events:none}
.ambient-circuits svg{position:absolute;inset:0;width:100%;height:100%}
.circuit-trace{fill:none;stroke:#1279a8;stroke-width:1.2;opacity:.48}
.circuit-current{fill:none;stroke:#72edff;stroke-width:2.3;stroke-linecap:round;stroke-dasharray:4 96;filter:drop-shadow(0 0 5px #00bfff);opacity:.85;animation:circuit-flow var(--travel) linear infinite;animation-delay:var(--delay)}
.circuit-node{fill:#041d35;stroke:#31d7ff;stroke-width:1.4;opacity:.8}
.node-core{fill:#b5f5ff;filter:drop-shadow(0 0 5px #00cfff)}
.chip{fill:#061d34;stroke:#1ac9fa;stroke-width:1.3}
.chip-core{fill:url(#chip-fill);filter:drop-shadow(0 0 7px #22bfff)}
.lightning{fill:none;stroke:#9cefff;stroke-width:1.7;stroke-linejoin:round;filter:drop-shadow(0 0 7px #158bff);stroke-dasharray:100;stroke-dashoffset:100;opacity:0;animation:soft-lightning 13s ease-in-out infinite}
.lightning-1{animation-delay:-5s;animation-duration:17s}.lightning-2{animation-delay:-9s;animation-duration:19s}
.ambient-halo{position:absolute;width:65vw;height:75vh;filter:blur(65px);border-radius:50%;opacity:.23;animation:halo-drift 18s ease-in-out infinite alternate;will-change:transform}
.halo-one{left:-40vw;top:3vh;background:#008cff}.halo-two{right:-43vw;bottom:0;background:#4842ef;animation-delay:-8s}
main{max-width:900px;width:calc(100% - 64px);margin:32px auto 0;position:relative}
section>a{display:block;border-radius:12px;border:1px solid #41caff66;box-shadow:0 0 16px #00a6ff33,0 0 45px #184fff26;overflow:hidden;position:relative;animation:poster-aura 9s ease-in-out infinite alternate}
section>a img{position:relative;z-index:1}
.actions,.section-heading{position:relative;background:linear-gradient(135deg,#102e493d,#06112224);border-radius:12px;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);margin:10px 0 26px;border:1px solid #59d2ff55;box-shadow:inset 0 1px 0 #9cecff16,0 10px 32px #0002}
.section-heading{margin-bottom:14px}footer{position:relative;background:#06112238;border:1px solid #40cfff44;border-radius:12px;margin:12px auto 26px;width:calc(100% - 64px);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
nav a{transition:box-shadow .2s,background .2s}nav a:hover{box-shadow:0 0 18px #00cfff55}a:focus-visible,button:focus-visible{outline:3px solid #ffe27a;outline-offset:4px}
.motion-toggle{position:fixed;right:12px;top:12px;z-index:20;display:flex;gap:7px;align-items:center;border:1px solid #50d2ff66;border-radius:30px;background:#061122ed;color:#d9f6ff;font:12px Arial,sans-serif;padding:9px 12px;cursor:pointer;box-shadow:0 3px 16px #0006}
.motion-indicator{width:6px;height:6px;border-radius:50%;background:#64e4ff;box-shadow:0 0 7px #20cfff}
[data-motion="paused"] .ambient-circuits *,[data-motion="paused"] section>a{animation-play-state:paused!important}
[data-motion="paused"] .motion-indicator{background:#a7b2c0;box-shadow:none}
@keyframes circuit-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes soft-lightning{0%,66%,100%{opacity:0;stroke-dashoffset:100}72%{opacity:.42;stroke-dashoffset:0}80%{opacity:0;stroke-dashoffset:-35}}
@keyframes halo-drift{from{transform:translateY(-6vh) scale(.9);opacity:.16}to{transform:translateY(9vh) scale(1.2);opacity:.3}}
@keyframes poster-aura{from{box-shadow:0 0 16px #00a6ff33,0 0 45px #184fff26}to{box-shadow:0 0 24px #00cfff66,0 0 65px #365eff44}}
@media(max-width:600px){main{width:calc(100% - 32px);margin-top:56px}.ambient-circuits svg{width:180%;left:-40%}footer{width:calc(100% - 32px)}.actions,.section-heading{padding:22px 14px}.motion-toggle{top:10px;right:16px}h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-circuits *,section>a{animation:none!important}.circuit-current{stroke-dashoffset:35;opacity:.28}.lightning{display:none}.ambient-halo{will-change:auto}.motion-toggle{display:none}nav a{transition:none}}

/* Tinted glass controls let circuit animation remain visible underneath. */
nav a,nav a:first-child{background:linear-gradient(135deg,#19c9ef30,#06112245);color:#effcff;border-color:#65dcff99;box-shadow:inset 0 1px 0 #c0f6ff1a;text-shadow:0 1px 4px #020815}
nav a:hover,nav a:first-child:hover{background:linear-gradient(135deg,#19c9ef50,#06112260);box-shadow:0 0 20px #00cfff45}
.actions,.section-heading,footer{text-shadow:0 1px 4px #020815}
.actions p,.section-heading p,footer{color:#d6e6f7}