@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";:root{font-family:Orbitron,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#0ff;text-decoration:inherit}a:hover{color:#0cc}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:#000;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#000c;color:#fff;cursor:pointer;transition:all .25s}button:hover{border-color:#0ff;background-color:#00ffff1a}button:focus,button:focus-visible{outline:2px solid #00ffff}#root{width:100vw;height:100vh;margin:0;padding:0}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:2rem auto;background:#141e28d9;padding:2rem;border-radius:1rem;box-shadow:0 2px 16px #00bfff44}.contact-form label{display:flex;flex-direction:column;font-weight:700;color:#00bfff}.contact-form input,.contact-form textarea{margin-top:.5rem;padding:.5rem;border:1px solid #00bfff;border-radius:.5rem;background:#181f2a;color:#fff;font-size:1rem}.contact-form button{background:#00bfff;color:#181f2a;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.contact-form button:disabled{background:#07a;cursor:not-allowed}.contact-form .success{color:#0f9;margin-top:1rem}.contact-form .error{color:#f36;margin-top:1rem}.blog-post-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a1a2af2;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .5s ease-out}.blog-post-container{background:linear-gradient(135deg,#0a1a2ae6,#1a4d66cc);border:2px solid #00bfff;border-radius:12px;max-width:800px;max-height:80vh;width:90%;padding:30px;overflow-y:auto;position:relative;box-shadow:0 0 50px #00bfff66,inset 0 0 30px #00bfff1a}.blog-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid rgba(0,191,255,.3);padding-bottom:15px}.back-btn{background:transparent;border:1px solid #00bfff;color:#00bfff;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px;font-size:12px}.back-btn:hover{background:#00bfff1a;box-shadow:0 0 15px #00bfff66;transform:translate(-5px)}.post-meta{display:flex;gap:20px;align-items:center}.post-category{font-family:Courier New,monospace;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.8}.post-date{color:#888;font-family:Courier New,monospace;font-size:11px}.blog-post-content{position:relative;z-index:10}.post-title{font-size:2.5rem;margin-bottom:30px;text-shadow:0 0 20px currentColor;font-family:Courier New,monospace;font-weight:700;line-height:1.2;animation:titleGlow 2s ease-in-out infinite alternate}.post-body{color:#e0e0e0;line-height:1.8;font-size:1.1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.post-body p{margin-bottom:20px}.html-content{line-height:1.8}.html-content h1,.html-content h2,.html-content h3,.html-content h4{color:#00bfff;font-family:Courier New,monospace;margin:2rem 0 1rem;text-shadow:0 0 10px rgba(0,191,255,.3)}.html-content h1{font-size:2rem;border-bottom:2px solid #00bfff;padding-bottom:.5rem}.html-content h2{font-size:1.5rem;border-left:4px solid #00bfff;padding-left:1rem}.html-content h3{font-size:1.25rem}.html-content p{margin-bottom:1.5rem;color:#b0c4de}.html-content a{color:#4d9fff;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.html-content a:hover{color:#00bfff;border-bottom-color:#00bfff;text-shadow:0 0 8px rgba(0,191,255,.5)}.html-content img{display:block;max-width:100%;height:auto;border-radius:8px;border:1px solid #1a4d66;margin:1.5rem auto;box-shadow:0 4px 20px #00bfff33;transition:all .3s ease}.html-content img:hover{border-color:#00bfff;box-shadow:0 6px 30px #00bfff66;transform:scale(1.02)}.html-content video{max-width:100%;height:auto;border-radius:8px;border:2px solid #1a4d66;margin:1.5rem 0;background:#0a1a2a}.html-content iframe{max-width:100%;border-radius:8px;border:2px solid #1a4d66;margin:1.5rem 0}.html-content code{background:#1a4d6680;color:#4d9fff;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;border:1px solid #1a4d66}.html-content pre{background:#0a1a2acc;border:1px solid #1a4d66;border-radius:8px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;position:relative}.html-content pre code{background:none;border:none;padding:0;color:#00bfff;font-size:.9rem;line-height:1.6}.html-content ul,.html-content ol{margin:1.5rem 0;padding-left:2rem;color:#b0c4de}.html-content li{margin-bottom:.5rem;position:relative}.html-content ul li:before{content:"▶";color:#00bfff;position:absolute;left:-1.5rem;font-size:.8rem}.html-content blockquote{border-left:4px solid #00bfff;margin:1.5rem 0;padding:1rem 1.5rem;background:#00bfff0d;border-radius:0 8px 8px 0;font-style:italic;color:#4d9fff}.html-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid #1a4d66;border-radius:8px;overflow:hidden}.html-content th,.html-content td{padding:.75rem;text-align:left;border-bottom:1px solid #1a4d66}.html-content th{background:#00bfff1a;color:#00bfff;font-weight:700}.html-content td{color:#b0c4de}.html-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#00bfff,transparent);margin:2rem 0}.data-stream-effect{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.data-particle{position:absolute;width:2px;height:2px;background:var(--color);border-radius:50%;opacity:0;animation:dataFlow 4s linear infinite;animation-delay:var(--delay);box-shadow:0 0 6px var(--color)}.data-particle:nth-child(odd){left:10%;animation-name:dataFlowLeft}.data-particle:nth-child(2n){right:10%;animation-name:dataFlowRight}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes titleGlow{0%{text-shadow:0 0 20px currentColor}to{text-shadow:0 0 30px currentColor,0 0 40px currentColor}}@keyframes dataFlowLeft{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-20px) translate(50px);opacity:0}}@keyframes dataFlowRight{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-20px) translate(-50px);opacity:0}}.blog-post-container::-webkit-scrollbar{width:6px}.blog-post-container::-webkit-scrollbar-track{background:#0000004d}.blog-post-container::-webkit-scrollbar-thumb{background:#00bfff;border-radius:3px}.blog-post-container::-webkit-scrollbar-thumb:hover{background:#4d9fff}.blog-post-list{position:fixed;inset:0;background:linear-gradient(135deg,#0a1a2af2,#001428f2);color:#fff;overflow-y:auto;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.blog-list-header{max-width:1200px;margin:0 auto 3rem;border-bottom:1px solid #00bfff;padding-bottom:2rem}.back-btn{background:transparent;border:1px solid #1a4d66;color:#00bfff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:1rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.back-btn:hover{border-color:#00bfff;background:#00bfff1a;box-shadow:0 0 10px #00bfff4d}.back-arrow{font-size:1.2rem;transition:transform .3s ease}.back-btn:hover .back-arrow{transform:translate(-3px)}.blog-list-title{font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;color:#00bfff;margin:0 0 1rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(0,191,255,.5)}.blog-list-subtitle{font-family:Courier New,monospace;font-size:1rem;color:#b0c4de;line-height:1.6;max-width:800px}.blog-posts-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.blog-post-card{background:#1a4d664d;border:1px solid #1a4d66;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.blog-post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#00bfff,transparent);opacity:0;transition:opacity .3s ease}.blog-post-card:hover{border-color:#00bfff;background:#00bfff1a;transform:translateY(-5px);box-shadow:0 10px 30px #00bfff33,0 0 20px #00bfff1a}.blog-post-card:hover:before{opacity:1}.post-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.post-title{font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;color:#00bfff;margin:0;line-height:1.3;flex:1}.post-date{font-family:Courier New,monospace;font-size:.8rem;color:#4d9fff;white-space:nowrap;opacity:.8}.post-excerpt{font-family:Courier New,monospace;font-size:.9rem;color:#b0c4de;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-footer{display:flex;justify-content:flex-end}.read-more{font-family:Courier New,monospace;font-size:.8rem;color:#00bfff;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.blog-post-card:hover .read-more{transform:translate(5px);text-shadow:0 0 10px rgba(0,191,255,.5)}@media (max-width: 768px){.blog-post-list{padding:1rem}.blog-list-title{font-size:2rem}.blog-posts-grid{grid-template-columns:1fr;gap:1.5rem}.post-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.blog-post-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,191,255,.1),transparent);transition:left .5s ease}.blog-post-card:hover:after{left:100%}.language-selector{position:fixed;top:20px;right:20px;z-index:1000;background:#0a1a2ae6;border:1px solid #00bfff;border-radius:8px;padding:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 20px #00bfff4d,inset 0 0 15px #00bfff0d}.language-label{color:#00bfff;font-family:Courier New,monospace;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-right:10px}.language-options{display:flex;gap:5px;margin-top:8px}.language-btn{background:transparent;border:1px solid #1a4d66;color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;font-size:11px;display:flex;align-items:center;gap:5px}.language-btn:hover{border-color:#00bfff;background:#00bfff1a;box-shadow:0 0 10px #00bfff33}.language-btn.active{border-color:#00bfff;background:#00bfff33;color:#00bfff;box-shadow:0 0 15px #00bfff66}.flag{font-size:14px}.lang-name{font-size:10px}@media (max-width: 1024px){.language-selector{inset:auto 0 20px;margin:0 10px;text-align:center;padding:15px;width:calc(100vw - 20px)}.language-label{display:block;margin-bottom:10px;margin-right:0;font-size:14px}.language-options{justify-content:center;margin-top:0;gap:8px}.language-btn{padding:12px 18px;font-size:13px;min-width:80px}.flag{font-size:18px}.lang-name{font-size:12px}}@media (max-width: 768px){.language-selector{margin:0 5px;padding:12px;width:calc(100vw - 10px)}.language-btn{padding:10px 15px;font-size:12px;min-width:70px}}.interaction-hud{position:fixed;bottom:30px;right:30px;z-index:1500;background:linear-gradient(135deg,#0a1a2af2,#1a4d66e6);border:2px solid #00bfff;border-radius:12px;padding:20px;max-width:400px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 30px #00bfff4d,inset 0 0 20px #00bfff1a;animation:hudSlideIn .8s ease-out}.hud-content{color:#fff}.hud-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid rgba(0,191,255,.3);padding-bottom:10px}.hud-title{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;color:#00bfff;text-transform:uppercase;letter-spacing:2px}.hud-close{background:none;border:none;color:#00bfff;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Orbitron,monospace;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:none;outline:none}.hud-close:hover,.hud-close:focus{border-color:#f36;color:#f36;background:none;box-shadow:none}.hud-tip{margin-bottom:20px}.tip-indicator{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tip-icon{color:#0f8;font-size:.8rem;animation:tipPulse 2s ease-in-out infinite}.tip-label{font-family:Courier New,monospace;font-size:.7rem;color:#0f8;text-transform:uppercase;letter-spacing:1px}.tip-text{font-size:.85rem;line-height:1.4;color:#e0e0e0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:tipFadeIn .5s ease-out}.interface-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#ccc;font-family:Courier New,monospace}.legend-color{width:12px;height:12px;border-radius:2px;box-shadow:0 0 8px currentColor}.status-indicators{position:fixed;bottom:30px;left:30px;z-index:1500;display:flex;flex-direction:column;gap:8px}.status-item{background:#0a1a2ae6;border:1px solid rgba(0,191,255,.3);border-radius:6px;padding:8px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:.7rem}.status-label{color:#888;text-transform:uppercase;letter-spacing:1px}.status-value{color:#00bfff;font-weight:700}.status-value.online{color:#0f8;animation:statusPulse 2s ease-in-out infinite}.status-value.flowing{color:#f0a;animation:statusFlow 1.5s ease-in-out infinite}@keyframes hudSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes tipPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes tipFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes statusPulse{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 10px currentColor}}@keyframes statusFlow{0%{opacity:.6}50%{opacity:1;text-shadow:0 0 15px currentColor}to{opacity:.6}}@media (max-width: 1024px){.interaction-hud,.status-indicators{display:none}}@media (max-width: 768px){.interaction-hud{display:none}}*{margin:0;padding:0;box-sizing:border-box}.app{position:relative;width:100vw;height:100vh;background:radial-gradient(circle at 30% 20%,rgba(0,191,255,.15) 0%,transparent 60%),radial-gradient(circle at 70% 80%,rgba(26,77,102,.2) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(0,102,204,.1) 0%,transparent 80%),linear-gradient(135deg,#0a1a2a,#013 30%,#0d1b2a 70%,#000511);overflow:hidden;font-family:Orbitron,monospace;color:#fff}.cyber-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,191,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,191,255,.04) 1px,transparent 1px);background-size:60px 60px;animation:gridShift 25s linear infinite;pointer-events:none}.app-header{position:fixed;top:20px;left:20px;z-index:1000;background:#0a1a2ae6;border:1px solid #00bfff;border-radius:8px;padding:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 30px #00bfff4d,inset 0 0 20px #00bfff0d;display:flex;align-items:center;justify-content:space-between;gap:15px;transition:all .3s ease}.app-header.hidden{opacity:0;pointer-events:none;transform:translateY(-20px)}.header-content{flex:1}.header-close-btn{background:none;border:none;color:#00bfff;width:36px;height:36px;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Orbitron,monospace;font-size:1.4rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none;outline:none}.header-close-btn:hover,.header-close-btn:focus{border-color:#f36;color:#f36;background:none;box-shadow:none}.app-title{font-size:1.8rem;font-weight:900;color:#00bfff;text-shadow:0 0 20px #00bfff;margin-bottom:5px;letter-spacing:2px;animation:titlePulse 4s ease-in-out infinite}.subtitle{font-size:.9rem;color:#888;font-family:Courier New,monospace;letter-spacing:1px}.accent{color:#00bfff;font-weight:700}.main-content{width:100%;height:100%;position:relative}.scene-container{width:100%;height:100%}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 50% 50%,rgba(0,191,255,.15) 0%,transparent 70%),linear-gradient(135deg,#0a1a2a,#013 30%,#0d1b2a 70%,#000511);display:flex;align-items:center;justify-content:center;z-index:3000}.loading-content{text-align:center;max-width:400px}.neural-network{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;justify-items:center}.neural-node{width:12px;height:12px;border-radius:50%;background:#00bfff;box-shadow:0 0 20px #00bfff;animation:neuralPulse 2s ease-in-out infinite;animation-delay:var(--delay)}.loading-text{color:#00bfff;font-size:1.2rem;margin-bottom:30px;text-shadow:0 0 15px #00bfff;font-family:Orbitron,monospace;letter-spacing:2px}.loading-bar{width:100%;height:3px;background:#00bfff33;border-radius:2px;overflow:hidden;position:relative}.loading-progress{height:100%;background:linear-gradient(90deg,transparent,#00bfff,transparent);width:100px;position:absolute;left:-100px;animation:loadingProgress 3s ease-in-out}.scan-lines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,191,255,.008) 2px,rgba(0,191,255,.008) 4px);pointer-events:none;z-index:100;animation:scanMove .08s linear infinite}@keyframes gridShift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes titlePulse{0%,to{text-shadow:0 0 20px #00bfff}50%{text-shadow:0 0 30px #00bfff,0 0 40px #4d9fff}}@keyframes neuralPulse{0%,to{opacity:.3;transform:scale(1);box-shadow:0 0 20px #00bfff}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 30px #00bfff}}@keyframes loadingProgress{0%{left:-100px}to{left:100%}}@keyframes scanMove{0%{transform:translateY(0)}to{transform:translateY(4px)}}@media (max-width: 1024px){.app-header{top:10px;left:0;right:0;margin:0 10px;padding:15px;flex-direction:row;align-items:flex-start;width:calc(100vw - 20px)}.header-close-btn{display:flex}.app-title{font-size:1.4rem}.subtitle{font-size:.8rem}}@media (max-width: 768px){.app-header{top:10px;margin:0 5px;padding:12px;width:calc(100vw - 10px)}.app-title{font-size:1.2rem}.subtitle{font-size:.75rem}.header-close-btn{width:25px;height:25px;font-size:1rem}}::-webkit-scrollbar{width:0px;background:transparent}.project-back-overlay{position:fixed;top:20px;left:20px;z-index:1500;pointer-events:none}.project-back-btn{background:#0a1a2ae6;border:1px solid #00bfff;border-radius:8px;color:#00bfff;padding:12px 20px;font-family:Courier New,monospace;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 20px #00bfff4d,inset 0 0 15px #00bfff0d;pointer-events:auto;text-transform:uppercase;letter-spacing:1px}.project-back-btn:hover{background:#00bfff1a;box-shadow:0 0 30px #00bfff66,inset 0 0 20px #00bfff1a;transform:translateY(-1px)}@media (max-width: 1024px){.project-back-overlay{top:10px;left:10px}.project-back-btn{padding:10px 15px;font-size:12px}}@media (max-width: 768px){.project-back-overlay{top:5px;left:5px}.project-back-btn{padding:8px 12px;font-size:11px}}