:root{--color-bg: #000000;--color-primary: #00ff00;--color-secondary: #00cc00;--color-criminal: #ff0000;--color-criminal-dim: #cc0000;--color-accent: #ff00ff;--color-text: #00ff00;--font-pixel: "Press Start 2P", cursive;--font-mono: "VT323", monospace}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);-webkit-font-smoothing:none;image-rendering:pixelated;overflow-x:hidden}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);text-transform:uppercase;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:var(--color-primary);border:2px solid #000}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.app-container{padding-top:80px;position:relative;min-height:100vh}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#000}.pixel-blast-bg{opacity:.3}.pixel-border{box-shadow:-4px 0 0 0 var(--color-text),4px 0 0 0 var(--color-text),0 -4px 0 0 var(--color-text),0 4px 0 0 var(--color-text);margin:4px;background:var(--color-bg)}.pixel-btn{display:inline-block;padding:10px 20px;font-family:var(--font-pixel);font-size:12px;color:var(--color-bg);background-color:var(--color-primary);border:none;cursor:pointer;box-shadow:inset -4px -4px #00000080,4px 4px #000;transition:transform .1s}.pixel-btn:active{transform:translate(2px,2px);box-shadow:inset -2px -2px #00000080,2px 2px #000}.pixel-btn.red{background-color:var(--color-criminal)}.pixel-btn.outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary);box-shadow:none}.pixel-btn.outline:hover{background-color:#00ff001a}.pixel-card{border:4px solid var(--color-primary);padding:20px;margin-bottom:20px;position:relative;background-color:#000000d9}.pixel-card:after{content:"";position:absolute;inset:-4px;box-shadow:inset 4px 4px 0 0 var(--color-bg),inset -4px -4px 0 0 var(--color-bg);z-index:-1}.container{max-width:1200px;margin:0 auto;padding:20px}.section-title{text-align:center;margin-bottom:40px;color:var(--color-primary);text-shadow:4px 4px 0 #004400}.hero-section{text-align:center;padding:60px 20px}.hero-title{font-size:3rem;margin-bottom:20px;color:var(--color-primary);text-shadow:4px 4px 0 #004400}.hero-card{max-width:800px;margin:0 auto}.hero-subtitle{font-size:1.5rem;margin-bottom:20px}.hero-text{font-size:1.2rem;line-height:1.6}.text-innocent{color:var(--color-text)}.text-criminal{color:var(--color-criminal)}.hero-actions{margin-top:30px}.hero-btn{font-size:1.2rem;text-decoration:none}.hero-btn-demo{margin-right:20px}.workflow-step-card{height:100%}.workflow-step-header{display:flex;align-items:center;margin-bottom:15px}.workflow-icon-container{background:var(--color-primary);padding:10px;margin-right:15px;display:flex;align-items:center;justify-content:center}.workflow-step-title{margin:0;font-size:1.2rem}.workflow-step-description{line-height:1.5}.flow-node{padding:10px;text-align:center;width:140px;background:#000;position:relative}.flow-node-icon{display:flex;justify-content:center;margin-bottom:5px}.flow-node-label{font-size:.8rem}.arrow-container{display:flex;align-items:center;justify-content:center;padding:10px}.arrow-right{transform:scaleX(2)}.workflow-diagram-card{padding:40px;margin-bottom:60px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.workflow-diagram-card::-webkit-scrollbar{display:none}.workflow-diagram-title{text-align:center;margin-bottom:30px;color:var(--color-primary)}.workflow-diagram-content{display:flex;flex-direction:column;align-items:center;gap:20px;min-width:800px}.workflow-main-flow{display:flex;align-items:center;justify-content:center}.workflow-arrow-wrapper{text-align:center;margin:0 10px}.workflow-arrow-label{font-size:.6rem;color:#666}.workflow-solver-group{display:flex;flex-direction:column;align-items:center;position:relative}.kb-connection{width:2px;height:20px;background:var(--color-primary)}.workflow-legend{text-align:center;margin-top:40px;font-size:.8rem;color:#666}.legend-primary{color:var(--color-primary)}.legend-criminal{color:var(--color-criminal)}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.demo-card{padding:10px}.demo-video-container{width:100%;aspect-ratio:16/9;background-color:#000;display:flex;align-items:center;justify-content:center;border:2px solid #333;overflow:hidden}.demo-video{display:block}.footer{border-top:4px solid var(--color-primary);padding:40px 20px;margin-top:60px;background-color:#111}.footer-container{text-align:center}.footer-title{margin-bottom:30px}.footer-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.footer-link-content{display:flex;align-items:center;gap:10px}.footer-copyright{margin-top:40px;font-size:.8rem;color:#666}.space-invader-container{position:fixed;bottom:20px;left:-50px;z-index:100;animation:walk 20s linear infinite;pointer-events:none}.space-invader{animation:bounce .5s steps(2) infinite}@keyframes walk{0%{left:-50px;transform:scaleX(1)}45%{left:100%;transform:scaleX(1)}50%{left:100%;transform:scaleX(-1)}95%{left:-50px;transform:scaleX(-1)}to{left:-50px;transform:scaleX(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.tab-bar{position:fixed;top:0;left:0;width:100%;background-color:var(--color-bg);border-bottom:4px solid var(--color-primary);z-index:1000;padding:10px 0;display:flex;justify-content:center;align-items:center}.tab-bar-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0}.tab-links{display:flex;gap:20px}.tab-link{color:var(--color-text);font-size:1.2rem;text-decoration:none}.source-btn{padding:5px 10px;font-size:10px;display:flex;align-items:center;gap:5px}.pixel-blast-container{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;pointer-events:auto}.pixel-blast-container canvas{display:block;width:100%;height:100%;outline:none}