@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{--bg-1: #05070e;--bg-2: #091225;--bg-3: #2f0a44;--neon-cyan: #00ffe0;--neon-pink: #ff2f8c;--neon-yellow: #fff6b1;--text-main: #eef2ff;--panel: rgba(8, 16, 34, .86);--panel-edge: rgba(0, 255, 224, .6);--pixel-font: "Press Start 2P", monospace;--body-font: "VT323", monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:#04060f;color:var(--text-main);font-family:var(--body-font);image-rendering:pixelated;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}#root{position:relative;min-height:100vh;overflow-x:clip}.scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#04060f}.scene-bg{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:center 58%;filter:saturate(1.2) contrast(1.06) brightness(.92);animation:bgFloat 34s ease-in-out infinite alternate}.scene-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,#0000,#00000052 55%,#000000b8),linear-gradient(180deg,#0708101a,#06060ea8)}.scene-neon-haze{position:absolute;inset:0;background:radial-gradient(circle at 22% 64%,rgba(255,47,140,.28),transparent 34%),radial-gradient(circle at 70% 56%,rgba(0,255,224,.24),transparent 38%)}.scene-scanlines{position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(180deg,rgba(255,255,255,.18) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(0,255,224,.08) 0 1px,transparent 1px 6px)}.scene-floor{position:absolute;left:-8%;right:-8%;bottom:-54px;height:210px;border-top:2px solid rgba(0,255,224,.64);background:linear-gradient(180deg,#00ffe029,#060a14db 28%,#03060cf5),repeating-linear-gradient(90deg,#0f1626e0 0 36px,#090e1ae0 36px 72px);transform:perspective(550px) rotateX(58deg);transform-origin:bottom center}.page{position:relative;z-index:3;max-width:980px;margin:0 auto;padding:44px 20px 230px}.page>section{margin-top:20px}.page:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:14px 14px}.panel,.info-panel,.intel-panel,.faq-panel,.cta-panel{position:relative;z-index:2;border:4px solid var(--panel-edge);background:#050a18bd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 0 4px #090e1beb,0 0 26px #00ffe052,0 0 46px #ff2f8c3d;padding:24px}.panel{margin-top:10px}.topbar{position:sticky;top:16px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:14px;border:3px solid rgba(0,255,224,.6);background:#030812c7;box-shadow:0 0 20px #00ffe038;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:10px 12px}.topbar-title{margin:0;font-family:var(--pixel-font);font-size:clamp(9px,1.5vw,11px);color:var(--neon-cyan)}.topbar-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.topbar-nav a{border:2px solid rgba(255,47,140,.48);background:#ff2f8c1a;color:var(--neon-yellow);padding:5px 7px;font-family:var(--pixel-font);font-size:clamp(8px,1.2vw,10px);line-height:1.4}.topbar-nav a:hover,.topbar-nav a:focus-visible{border-color:var(--neon-cyan);color:var(--neon-cyan);outline:none}.chip{display:inline-block;margin:0 0 16px;padding:8px 10px;border:2px solid var(--neon-pink);font-family:var(--pixel-font);font-size:10px;color:var(--neon-yellow);background:#ff2f8c29}h1{margin:0 0 18px;font-family:var(--pixel-font);font-size:clamp(20px,3vw,30px);line-height:1.4;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,255,224,.75)}.intro,.revisit,.progress-label,.q-index,.result-label,.result-line{margin:0;letter-spacing:.2px;font-size:clamp(20px,2.5vw,32px)}.panel-subtitle{margin:0;color:#e7f2ff;font-size:clamp(20px,2.3vw,28px)}.revisit{margin-top:8px;color:var(--neon-yellow)}.progress-wrap{margin:18px 0 20px}.progress-label{margin-bottom:6px;color:#d9fdff}.progress-track{width:100%;height:18px;border:3px solid #1c3347;background:#081222}.progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),#74ffef);box-shadow:0 0 14px #00ffe073;transition:width .18s steps(6)}.quiz-card h2{margin:10px 0 20px;font-family:var(--pixel-font);font-size:clamp(14px,2.3vw,20px);line-height:1.8;color:#f2f6ff}.options,.result-actions,.cta-actions{display:grid;gap:12px}.pixel-btn{width:100%;border:3px solid var(--neon-cyan);background:linear-gradient(180deg,#00ffe01f,#00ffe008);color:var(--text-main);text-align:left;font-family:var(--pixel-font);font-size:clamp(10px,1.8vw,13px);line-height:1.6;padding:14px 12px;cursor:pointer;transition:transform .12s steps(2),box-shadow .12s steps(2),border-color .12s steps(2)}.pixel-btn:hover,.pixel-btn:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px #00ffe073;border-color:#9afff4;outline:none}.pixel-btn.ghost,.cta-link.ghost{border-color:var(--neon-pink);background:linear-gradient(180deg,#ff2f8c21,#ff2f8c08)}.result-card{text-align:center;padding:8px 0}.result-percent{margin:12px 0 10px;font-family:var(--pixel-font);font-size:clamp(34px,7.5vw,78px);color:var(--neon-cyan);text-shadow:0 0 16px rgba(0,255,224,.66)}.result-grade{margin:0;font-family:var(--pixel-font);font-size:clamp(16px,2.6vw,26px);line-height:1.6;color:var(--neon-yellow)}.result-line{margin:10px 0 20px}.result-actions{margin-top:12px}.protocol-box{margin-top:12px;border:3px solid rgba(0,255,224,.5);background:#00ffe014;padding:10px;text-align:left}.protocol-box.alt{border-color:#ff2f8c8c;background:#ff2f8c17}.protocol-title{margin:0 0 8px;font-family:var(--pixel-font);font-size:clamp(9px,1.5vw,11px);color:var(--neon-yellow)}.pixel-list{margin:0;padding-left:18px;display:grid;gap:4px;font-size:clamp(19px,2.1vw,25px)}.result-actions .pixel-btn,.cta-actions .pixel-btn{text-align:center}.quality-grid,.intel-grid,.faq-list{display:grid;gap:12px}.quality-grid,.intel-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}.quality-card,.intel-card,.faq-item,.history-card{border:3px solid rgba(0,255,224,.42);background:#030a16b3;padding:12px}.quality-card h4,.intel-card h4,.faq-item h4,.history-card h4{margin:0 0 8px;font-family:var(--pixel-font);font-size:clamp(10px,1.6vw,12px);line-height:1.7;color:var(--neon-yellow)}.quality-card p,.intel-card p,.faq-item p,.history-card p{margin:0;font-size:clamp(19px,2.1vw,25px);color:#f2f6ff}.intel-card p,.history-card p{margin-bottom:8px}.guide-sources{margin-top:12px;display:grid;gap:8px}.guide-sources a{border:2px solid rgba(255,47,140,.52);background:#ff2f8c1f;color:#ffd2ea;padding:8px 10px;font-size:clamp(17px,1.9vw,23px)}.history-card{margin-top:12px}.cta-panel{margin-top:20px}.info-panel h3,.intel-panel h3,.faq-panel h3,.cta-panel h3{margin:0 0 10px;font-family:var(--pixel-font);font-size:clamp(13px,2vw,16px);line-height:1.8;color:var(--neon-cyan)}.cta-panel h3{margin-bottom:10px}.cta-link{display:block}.agent{position:absolute;bottom:clamp(44px,7.2vh,92px);width:clamp(52px,5.4vw,82px);transform-origin:center bottom}.agent.pending{opacity:0}.agent.ready{opacity:1;transition:opacity .2s ease}.agent-a{left:8vw}.agent-b{right:8vw;width:clamp(54px,5.6vw,86px);transform:scaleX(-1)}.avatar{position:relative;width:100%;animation:breathe 3.4s ease-in-out infinite;filter:drop-shadow(0 8px 0 rgba(0,0,0,.45))}.sprite{display:block;width:100%;height:auto;image-rendering:pixelated}.sprite.main{opacity:1}.tech{position:absolute;width:clamp(24px,2.6vw,36px);height:clamp(24px,2.6vw,36px);border:2px solid rgba(0,255,224,.9);background:radial-gradient(circle at 30% 30%,#adfff9f2,#00ffe03d),linear-gradient(135deg,#00ffe042,#ff2f8c42);box-shadow:0 0 16px #00ffe0bf;animation:holoPulse 1.1s steps(3) infinite,holoDrift 2.1s ease-in-out infinite}.tech:before{content:"";position:absolute;inset:2px;background:repeating-linear-gradient(180deg,rgba(0,255,224,.5) 0 2px,transparent 2px 4px);opacity:.5;animation:holoScan 1.1s linear infinite}.tech:after{content:"";position:absolute;inset:-8px;border:1px dashed rgba(255,47,140,.74);animation:holoRing 1.8s linear infinite}.tech-a{left:56%;top:47%}.tech-b{left:55%;top:47%}.agent.boost .avatar{filter:drop-shadow(0 0 9px rgba(0,255,224,.88)) drop-shadow(0 0 14px rgba(255,47,140,.75))}.agent.boost .tech{box-shadow:0 0 18px #00ffe0e6,0 0 26px #ff2f8cbf}@keyframes bgFloat{0%{transform:translate3d(-1.2%,-1%,0) scale(1.05)}to{transform:translate3d(1.6%,1.3%,0) scale(1.08)}}@keyframes breathe{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.03)}to{transform:translateY(0) scale(1)}}@keyframes holoPulse{0%{transform:scale(.95);opacity:.82}50%{transform:scale(1.12);opacity:1}to{transform:scale(.95);opacity:.82}}@keyframes holoDrift{0%{translate:0 0}50%{translate:3px -2px}to{translate:0 0}}@keyframes holoScan{0%{transform:translateY(-1px)}to{transform:translateY(7px)}}@keyframes holoRing{0%{transform:rotate(0) scale(.95);opacity:.68}to{transform:rotate(360deg) scale(1.12);opacity:.12}}@media(max-width:900px){.page{padding:30px 14px 210px}.topbar{top:8px;flex-direction:column;align-items:flex-start}.topbar-nav{width:100%;justify-content:flex-start}.panel,.info-panel,.intel-panel,.faq-panel,.cta-panel{padding:16px}.pixel-btn{font-size:10px;line-height:1.7}.agent{width:clamp(44px,10vw,64px);bottom:clamp(40px,8.8vh,64px)}.agent-a{left:3vw}.agent-b{right:3vw}.quality-grid,.intel-grid{grid-template-columns:1fr}.scene-floor{bottom:-48px;height:168px}}@media(prefers-reduced-motion:reduce){.scene-bg,.avatar,.tech,.tech:before,.tech:after{animation:none!important}}