@font-face{font-family:Cyberpunk;src:url(/cyberpunk.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-y:hidden;background-color:#1e2126;color:#fff;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}h1,h2,h3,h4,h5,h6{font-weight:700;margin:0}@media (max-width: 768px){input,textarea{font-size:16px;-webkit-appearance:none;border-radius:6px;min-height:44px}input,textarea,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}input:focus,textarea:focus{outline:2px solid #00ff41;outline-offset:2px}html,body{overscroll-behavior-y:none;overscroll-behavior-x:none}*{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (max-width: 768px){input,textarea{will-change:transform;backface-visibility:hidden}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}*{scroll-behavior:auto!important}}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#1e2126;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;-webkit-overflow-scrolling:touch}#root{max-width:100%;margin:0;padding:0;text-align:left}@media (max-width: 768px){button,.interactive-element{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:active,.interactive-element:active{transform:scale(.95);transition:transform .1s ease}}@media (max-width: 768px){button:focus,.interactive-element:focus{outline:2px solid #00ff41;outline-offset:2px}@media (prefers-reduced-motion: reduce){button:active,.interactive-element:active{transform:none;transition:none}}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes neon-glow{0%,to{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor}50%{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}}@keyframes data-flow{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes scanline{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.cyberpunk-container{position:relative;overflow:hidden}.cyberpunk-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.03) 2px,rgba(0,255,65,.03) 4px);pointer-events:none;z-index:10}.cyberpunk-container:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(0,255,65,.8),transparent);animation:scanline 3s linear infinite;pointer-events:none;z-index:11}.glitch-text{animation:glitch .3s infinite}.neon-text{animation:neon-glow 2s ease-in-out infinite alternate}.cyberpunk-panel{background:linear-gradient(135deg,#000000f2,#1a1a2ee6,#000000f2);border:1px solid #00ff41;box-shadow:0 0 20px #00ff414d,inset 0 0 20px #00ff411a,0 0 40px #00ff411a;position:relative}.cyberpunk-panel:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,#00ff41,transparent,#00ff41,transparent,#00ff41);background-size:20px 20px;animation:data-flow 2s linear infinite;z-index:-1;opacity:.3}.cyberpunk-button{background:transparent;border:1px solid #ff0040;color:#ff0040;padding:8px 16px;font-family:Courier New,monospace;font-size:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cyberpunk-button:hover{background:#ff00401a;box-shadow:0 0 15px #ff004080;text-shadow:0 0 10px #ff0040}.service-item{transition:all .3s ease;cursor:pointer}.service-item:hover{background:#00ff411a!important;border-color:#00ff4199!important;box-shadow:0 0 15px #00ff414d;transform:translateY(-2px)}.data-stream{position:relative;overflow:hidden}.data-stream:after{content:"";position:absolute;top:50%;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);animation:data-flow 1.5s ease-in-out infinite}.tech-theme{color:#00ff41}.beauty-theme{color:#f0f}.business-theme{color:#0ff}.legal-theme{color:#ff0}.infrastructure-theme{color:#ff4500}@keyframes matrix-rain{0%{transform:translateY(-100vh);opacity:1}to{transform:translateY(100vh);opacity:0}}.matrix-char{position:absolute;color:#00ff41;font-family:Courier New,monospace;font-size:14px;animation:matrix-rain 3s linear infinite;pointer-events:none}@media (max-width: 1200px){.cyberpunk-panel{box-shadow:0 0 15px #00ff414d,inset 0 0 15px #00ff411a,0 0 30px #00ff411a}.matrix-char{font-size:13px}}@media (max-width: 768px){.cyberpunk-container:before{background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,255,65,.02) 3px,rgba(0,255,65,.02) 6px)}.cyberpunk-container:after{height:2px;animation:scanline 4s linear infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.cyberpunk-panel{box-shadow:0 0 10px #00ff414d,inset 0 0 10px #00ff411a,0 0 20px #00ff411a}.cyberpunk-panel:before{background-size:15px 15px;animation:data-flow 3s linear infinite}.cyberpunk-button{padding:10px 18px;font-size:13px;min-height:44px;min-width:44px;letter-spacing:.5px}.service-item{transition:all .2s ease}.service-item:hover{transform:translateY(-1px)}.matrix-char{font-size:12px;animation:matrix-rain 4s linear infinite}@keyframes neon-glow{0%,to{text-shadow:0 0 3px currentColor,0 0 6px currentColor,0 0 9px currentColor}50%{text-shadow:0 0 6px currentColor,0 0 12px currentColor,0 0 18px currentColor}}}@media (max-width: 480px){.cyberpunk-container:before{background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(0,255,65,.015) 4px,rgba(0,255,65,.015) 8px)}.cyberpunk-container:after{height:1px;animation:scanline 5s linear infinite}@keyframes glitch{0%{transform:translate(0)}50%{transform:translate(-.5px,.5px)}to{transform:translate(0)}}.glitch-text{animation:glitch .5s infinite}.cyberpunk-panel{box-shadow:0 0 8px #00ff4140,inset 0 0 8px #00ff411a,0 0 15px #00ff411a}.cyberpunk-panel:before{background-size:12px 12px;animation:data-flow 4s linear infinite;opacity:.2}.cyberpunk-button{padding:12px 20px;font-size:14px;min-height:48px;letter-spacing:.3px}.service-item:hover{background:#00ff410d!important;transform:none;box-shadow:0 0 10px #00ff4133}.matrix-char{font-size:10px;animation:matrix-rain 5s linear infinite}@keyframes neon-glow{0%,to{text-shadow:0 0 2px currentColor,0 0 4px currentColor}50%{text-shadow:0 0 4px currentColor,0 0 8px currentColor}}.neon-text{animation:neon-glow 3s ease-in-out infinite alternate}}@media (max-width: 360px){.cyberpunk-container:before{background:repeating-linear-gradient(0deg,transparent,transparent 5px,rgba(0,255,65,.01) 5px,rgba(0,255,65,.01) 10px)}.cyberpunk-panel:before{background-size:10px 10px;opacity:.15}.cyberpunk-button{padding:10px 16px;font-size:12px;letter-spacing:.2px}.matrix-char{font-size:8px}}@media (max-width: 768px){.service-item:active{background:#00ff411a!important;border-color:#00ff4199!important;transform:scale(.98);transition:all .1s ease}.cyberpunk-button:active{background:#ff004026;transform:scale(.95);transition:all .1s ease}.cyberpunk-button,.service-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}}@media (max-width: 768px){.glitch-text{transform:translateZ(0)}.service-item,.cyberpunk-button{will-change:transform;backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.cyberpunk-container:after,.glitch-text,.neon-text,.matrix-char,.cyberpunk-panel:before{animation:none}.service-item:hover,.service-item:active{transform:none}}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.cyberpunk-container:after{height:2px}.cyberpunk-panel{border-width:.5px}}@media (max-width: 768px) and (orientation: landscape){.cyberpunk-container:after{animation:scanline 6s linear infinite}.matrix-char{animation:matrix-rain 6s linear infinite}.cyberpunk-button{padding:8px 16px;min-height:40px}}@media (max-width: 768px) and (prefers-color-scheme: dark){.cyberpunk-panel{background:linear-gradient(135deg,#000000fa,#1a1a2ef2,#000000fa)}}@media (max-width: 768px) and (prefers-color-scheme: light){.cyberpunk-container:before{background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,255,65,.01) 3px,rgba(0,255,65,.01) 6px)}}.music-control-toggle:hover{transform:scale(1.05)}.music-control-toggle:active{transform:scale(.95)}.music-control-icon-playing{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{text-shadow:0 0 10px #00ff41}50%{text-shadow:0 0 20px #00ff41,0 0 30px #00ff41}to{text-shadow:0 0 10px #00ff41}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-scrollbar::-webkit-scrollbar{width:8px}.terminal-scrollbar::-webkit-scrollbar-track{background:#1a1a1a}.terminal-scrollbar::-webkit-scrollbar-thumb{background:#00ff41;border-radius:4px}.terminal-scrollbar::-webkit-scrollbar-thumb:hover{background:#0c3}.operator-input::placeholder{color:#666;opacity:.7}.close-button:hover{background-color:#ff0040;color:#000}.operator-button:hover{background:linear-gradient(135deg,#00ff4166,#00ff4133)!important;transform:translateY(-2px);box-shadow:0 0 20px #00ff4180,inset 0 0 20px #00ff4126!important}.terminal-scanlines:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 50%,#00ff4105 50%);background-size:100% 4px;pointer-events:none;animation:scanlines .1s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.terminal-scrollbar strong{font-weight:900;text-shadow:0 0 3px currentColor;letter-spacing:.5px}.terminal-scrollbar em{font-style:italic;position:relative}.terminal-scrollbar em:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;opacity:.3}.terminal-scrollbar [style*="color: #00ff41"] strong{text-shadow:0 0 5px #00ff41}.terminal-scrollbar [style*="color: #00ffff"] strong{text-shadow:0 0 5px #00ffff}.terminal-scrollbar [style*="color: #ff0040"] strong{text-shadow:0 0 5px #ff0040}@media (max-width: 1200px){.terminal-scrollbar::-webkit-scrollbar{width:10px}}@media (max-width: 768px){.terminal-scrollbar::-webkit-scrollbar{width:12px}.terminal-scrollbar::-webkit-scrollbar-thumb{background:#00ff41;border-radius:6px;border:2px solid #1a1a1a}.terminal-scanlines:before{background:linear-gradient(transparent 50%,#00ff4103 50%);background-size:100% 6px;animation:scanlines .2s linear infinite}.close-button{min-height:48px;min-width:48px;padding:12px 16px;border-width:2px;font-size:18px}.close-button:hover{background-color:#ff004033;color:#ff0040;transform:scale(1.05)}.close-button:active{background-color:#ff0040;color:#000;transform:scale(.95);transition:all .1s ease}.operator-button{min-height:48px;padding:12px 16px;font-size:14px;letter-spacing:.5px}.operator-button:hover{transform:none;background:linear-gradient(135deg,#00ff414d,#00ff4126)!important}.operator-button:active{background:linear-gradient(135deg,#00ff4180,#00ff4140)!important;transform:scale(.98);transition:all .1s ease}.operator-input{font-size:16px!important;padding:8px 0;min-height:44px;line-height:1.4}.operator-input::placeholder{color:#555;opacity:.8;font-size:14px}.operator-input:focus{caret-color:#00ff41;text-shadow:0 0 2px #00ff41}}@media (max-width: 480px){.terminal-scrollbar::-webkit-scrollbar{width:14px}.terminal-scrollbar::-webkit-scrollbar-thumb{border:3px solid #1a1a1a}.terminal-scanlines:before{background:linear-gradient(transparent 60%,#00ff4101 60%);background-size:100% 8px;animation:scanlines .3s linear infinite}.close-button{min-height:52px;min-width:52px;padding:14px 18px;font-size:20px}.operator-button{min-height:52px;padding:14px 18px;font-size:16px}.operator-input{font-size:16px!important;padding:10px 0;min-height:48px}.terminal-scrollbar strong{letter-spacing:.3px;text-shadow:0 0 2px currentColor}.terminal-scrollbar em:before{height:.5px}}@media (max-width: 360px){.terminal-scrollbar::-webkit-scrollbar{width:16px}.terminal-scanlines:before{display:none}.close-button{padding:12px 14px;font-size:18px}.operator-button{padding:12px 14px;font-size:14px;letter-spacing:.3px}}@media (max-width: 768px){.close-button,.operator-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.terminal-scrollbar{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.operator-input:focus{outline:2px solid rgba(0,255,65,.5);outline-offset:2px}.terminal-scrollbar:active{background-color:#00ff4105}}@media (max-width: 768px){.close-button,.operator-button{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.terminal-scanlines:before{animation:none}.close-button:active,.operator-button:active{transform:none}@keyframes blink{0%,to{opacity:1}}}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.terminal-scrollbar::-webkit-scrollbar{width:6px}@media (max-width: 768px){.terminal-scrollbar::-webkit-scrollbar{width:10px}}.terminal-scrollbar strong{text-shadow:0 0 2px currentColor}}@media (max-width: 768px) and (orientation: landscape){.terminal-scanlines:before{animation:scanlines .15s linear infinite}.close-button,.operator-button{min-height:40px;padding:8px 12px}.operator-input{min-height:40px;padding:6px 0}}@media (max-width: 768px) and (prefers-color-scheme: dark){.terminal-scrollbar::-webkit-scrollbar-track{background:#0a0a0a}.operator-input::placeholder{color:#444}}@media (max-width: 768px) and (prefers-color-scheme: light){.terminal-scrollbar::-webkit-scrollbar-thumb{background:#0c3}.operator-input::placeholder{color:#777}}