@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=VT323&display=swap";:root{--bg-darker:#050505;--bg-dark:#111;--bg-panel:#1a1a1a;--bg-panel-header:#222;--border-color:#333;--neon-orange:#ff5722;--neon-orange-dim:#d84315;--neon-orange-glow:#ff572233;--neon-amber:#ffb300;--neon-amber-dim:#ff8f00;--neon-amber-glow:#ffb30033;--neon-red:#f33;--neon-red-dim:#c00;--neon-red-glow:#f333;--text-white:#f0f0f0;--text-gray:#a0a0a0;--text-dark:#555;--font-title:"IBM Plex Serif", serif;--font-mono:"Space Mono", monospace;font-family:var(--font-mono);background-color:var(--bg-darker);color:var(--text-gray);box-sizing:border-box;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);background-image:linear-gradient(var(--bg-darker) 70%, #050505e6 100%), linear-gradient(#ff572204 1px, transparent 1px), linear-gradient(90deg, #ff572204 1px, transparent 1px);background-size:100% 100%,30px 30px,30px 30px;margin:0;position:relative;overflow-x:hidden}body:before{content:" ";z-index:99999;pointer-events:none;background:linear-gradient(#12101000 50%,#00000026 50%) 0 0/100% 4px;display:block;position:fixed;inset:0}.scanline-overlay{z-index:9999;pointer-events:none;will-change:transform;backface-visibility:hidden;background:linear-gradient(#0000 0%,#ff572203 10%,#0000 20%);width:100%;height:100%;animation:15s linear infinite scanline;position:fixed;top:0;left:0;transform:translateY(-100%)}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-white);letter-spacing:1px}h1{text-transform:uppercase;text-shadow:0 0 10px var(--neon-orange-glow);font-weight:700}a{color:var(--neon-amber);text-decoration:none;transition:all .2s}a:hover{color:var(--text-white);text-shadow:0 0 8px var(--neon-amber)}.term-window{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;flex-direction:column;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff0d}.term-window:before{content:"";background:0 0;height:2px;transition:background .3s;position:absolute;top:0;left:0;right:0}.term-window.orange-accent{border-color:#ff57224d}.term-window.orange-accent:before{background:var(--neon-orange)}.term-window.orange-accent:hover{border-color:var(--neon-orange);box-shadow:0 0 15px #ff572226}.term-window.amber-accent{border-color:#ffb3004d}.term-window.amber-accent:before{background:var(--neon-amber)}.term-window.amber-accent:hover{border-color:var(--neon-amber);box-shadow:0 0 15px #ffb30026}.term-window.red-accent{border-color:#ff33334d}.term-window.red-accent:before{background:var(--neon-red)}.term-window.red-accent:hover{border-color:var(--neon-red);box-shadow:0 0 15px #ff333326}.term-header{background:var(--bg-panel-header);border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.term-dots{gap:6px;display:flex}.term-dot{background:#30363d;border-radius:50%;width:10px;height:10px}.term-dots .dot-red{background:#ff5f56}.term-dots .dot-yellow{background:#ffbd2e}.term-dots .dot-green{background:#27c93f}.term-title{font-size:11px;font-family:var(--font-mono);color:var(--text-gray);text-transform:uppercase;letter-spacing:1px}.term-size-info{color:var(--text-dark);font-size:10px}.term-body{flex-grow:1;padding:16px;position:relative;overflow:hidden}.grid-bg-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:15px 15px;position:absolute;inset:0}.term-content{z-index:1;position:relative}.cyber-btn{font-family:var(--font-mono);color:var(--neon-orange);border:1px solid var(--neon-orange);cursor:pointer;text-transform:uppercase;background:0 0;outline:none;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;position:relative}.cyber-btn:after{content:"";border-right:1px solid var(--neon-orange);border-bottom:1px solid var(--neon-orange);opacity:.3;transition:all .2s;position:absolute;inset:3px -5px -5px 3px}.cyber-btn:hover{background:var(--neon-orange-glow);box-shadow:0 0 10px var(--neon-orange-dim);text-shadow:0 0 5px var(--neon-orange)}.cyber-btn:hover:after{opacity:0;inset:0}.cyber-btn.amber{color:var(--neon-amber);border-color:var(--neon-amber)}.cyber-btn.amber:after{border-right-color:var(--neon-amber);border-bottom-color:var(--neon-amber)}.cyber-btn.amber:hover{background:var(--neon-amber-glow);box-shadow:0 0 10px var(--neon-amber-dim);text-shadow:0 0 5px var(--neon-amber)}.cyber-btn.red{color:var(--neon-red);border-color:var(--neon-red)}.cyber-btn.red:after{border-right-color:var(--neon-red);border-bottom-color:var(--neon-red)}.cyber-btn.red:hover{background:var(--neon-red-glow);box-shadow:0 0 10px var(--neon-red-dim);text-shadow:0 0 5px var(--neon-red)}.cursor-blink{vertical-align:middle;background:currentColor;width:8px;height:15px;margin-left:4px;animation:.8s infinite blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.neon-orange-text{color:var(--neon-orange);text-shadow:0 0 3px var(--neon-orange-glow)}.neon-amber-text{color:var(--neon-amber);text-shadow:0 0 3px var(--neon-amber-glow)}.neon-red-text{color:var(--neon-red);text-shadow:0 0 3px var(--neon-red-glow)}.tag{font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-gray);background:#ffffff08;border-radius:2px;padding:2px 6px;font-size:11px;display:inline-block}.tag.orange{color:var(--neon-orange);background:#ff572208;border-color:#ff57224d}.tag.amber{color:var(--neon-amber);background:#ffb30008;border-color:#ffb3004d}.tag.red{color:var(--neon-red);background:#ff333308;border-color:#ff33334d}.dashboard-widget{border:1px solid var(--border-color);font-size:12px;font-family:var(--font-mono);background:#1a1a1a99;padding:12px;position:relative}.dashboard-widget-header{border-bottom:1px dashed var(--border-color);justify-content:space-between;margin-bottom:8px;padding-bottom:6px;font-weight:700;display:flex}.progress-bar-container{border:1px solid var(--border-color);background:#ffffff08;height:8px;position:relative;overflow:hidden}.progress-bar-fill{background:var(--neon-orange);height:100%;transition:width .4s}.progress-bar-fill.amber{background:var(--neon-amber)}.progress-bar-fill.red{background:var(--neon-red)}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);background:var(--bg-darker);opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:hover:before{opacity:1;text-shadow:-1px 0 var(--neon-red);clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:1px}.glitch-text:hover:after{opacity:1;text-shadow:-1px 0 var(--neon-amber), 0 1px var(--neon-red);clip:rect(85px, 450px, 140px, 0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-1px}@keyframes glitch-anim{0%{clip:rect(15px, 9999px, 66px, 0)}10%{clip:rect(30px, 9999px, 5px, 0)}20%{clip:rect(88px, 9999px, 100px, 0)}30%{clip:rect(5px, 9999px, 44px, 0)}40%{clip:rect(75px, 9999px, 12px, 0)}50%{clip:rect(122px, 9999px, 85px, 0)}60%{clip:rect(10px, 9999px, 40px, 0)}70%{clip:rect(95px, 9999px, 130px, 0)}80%{clip:rect(33px, 9999px, 77px, 0)}90%{clip:rect(110px, 9999px, 15px, 0)}to{clip:rect(62px, 9999px, 99px, 0)}}@keyframes glitch-anim2{0%{clip:rect(76px, 9999px, 116px, 0)}11%{clip:rect(5px, 9999px, 30px, 0)}22%{clip:rect(95px, 9999px, 15px, 0)}33%{clip:rect(40px, 9999px, 88px, 0)}44%{clip:rect(120px, 9999px, 130px, 0)}55%{clip:rect(10px, 9999px, 45px, 0)}66%{clip:rect(85px, 9999px, 5px, 0)}77%{clip:rect(30px, 9999px, 110px, 0)}88%{clip:rect(105px, 9999px, 75px, 0)}to{clip:rect(18px, 9999px, 135px, 0)}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}section{border-bottom:1px solid var(--border-color);padding:80px 0;position:relative}.corner-decor{border-color:var(--border-color);pointer-events:none;border-style:solid;width:12px;height:12px;position:absolute}.corner-tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.corner-tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.corner-bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.corner-br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.section-accent-orange{border-color:#ff57221a}.section-accent-orange .corner-decor{border-color:#ff572266}.section-accent-amber{border-color:#ffb3001a}.section-accent-amber .corner-decor{border-color:#ffb30066}.section-accent-red{border-color:#ff33331a}.section-accent-red .corner-decor{border-color:#f336}@keyframes crt-switch{0%{filter:contrast(2)brightness(2)saturate(0);opacity:0;transform:scaleY(.005)scaleX(1.1)}50%{filter:contrast(1.5)brightness(1.2)saturate(.5);opacity:.8;transform:scaleY(1.1)scaleX(.98)}to{filter:contrast()brightness()saturate();opacity:1;transform:scale(1)}}.crt-animate{animation:80ms cubic-bezier(.23,1,.32,1) forwards crt-switch}.hud-nav{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#050505d9;padding:12px 0;position:sticky;top:0}.hud-container{justify-content:space-between;align-items:center;display:flex}.hud-logo{font-family:var(--font-title);letter-spacing:2px;color:var(--text-white);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.hud-logo-icon{background:var(--neon-orange);width:14px;height:14px;box-shadow:0 0 8px var(--neon-orange);border-radius:2px;animation:2s infinite alternate pulse-glow;display:inline-block}@keyframes pulse-glow{0%{opacity:.5;box-shadow:0 0 2px var(--neon-orange)}to{opacity:1;box-shadow:0 0 12px var(--neon-orange)}}.hud-status{color:var(--text-gray);align-items:center;gap:16px;font-size:11px;display:flex}.hud-status-item{align-items:center;gap:6px;display:flex}.status-dot{background:var(--neon-orange);width:6px;height:6px;box-shadow:0 0 6px var(--neon-orange);border-radius:50%}.status-dot.blink{animation:1s infinite alternate blink}.hero-section{justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:60px 0;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}@media (width<=968px){.hero-grid{text-align:center;grid-template-columns:1fr}}.hero-left{flex-direction:column;align-items:flex-start;gap:20px;display:flex}@media (width<=968px){.hero-left{align-items:center}}.hero-title-group{margin-bottom:10px}.hero-sys-tag{color:var(--neon-orange);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.hero-title-main{letter-spacing:-2px;background:linear-gradient(135deg, var(--text-white) 30%, var(--text-gray) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:72px;font-weight:700;line-height:1}.hero-subtitle{color:var(--neon-amber);max-width:550px;min-height:48px;font-size:16px;line-height:1.6}.hero-actions{gap:16px;margin-top:15px;display:flex}.hero-right{justify-content:center;width:100%;display:flex;position:relative}.hero-floating-cards-container{flex-direction:column;gap:16px;width:100%;display:flex}.hero-floating-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);will-change:transform;background:#141414cc;border:1px solid #ffffff0d;border-radius:4px;align-items:flex-start;gap:16px;padding:18px 24px;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 20px #0000004d}.hero-floating-card:hover{border-color:var(--card-accent);box-shadow:0 8px 30px var(--card-accent-glow);background:#1a1a1ad9;transform:translateY(-4px)translate(4px)}.hero-floating-card:before{content:"";background:var(--card-accent);border-radius:4px 0 0 4px;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.hero-floating-card.card-orange{--card-accent:var(--neon-orange);--card-accent-glow:var(--neon-orange-glow)}.hero-floating-card.card-amber{--card-accent:var(--neon-amber);--card-accent-glow:var(--neon-amber-glow)}.hero-floating-card.card-red{--card-accent:var(--neon-red);--card-accent-glow:var(--neon-red-glow)}.hud-console{width:100%;max-width:400px;font-size:11px}.hud-console-line{justify-content:space-between;margin-bottom:4px;display:flex}#sistemas{padding:120px 0}.saas-grid{grid-template-columns:repeat(3,1fr);gap:48px;margin-top:70px;display:grid}@media (width<=968px){.saas-grid{grid-template-columns:1fr;gap:40px}}.saas-header{text-align:center;max-width:750px;margin:0 auto 60px}.section-label{text-transform:uppercase;letter-spacing:4px;color:var(--neon-amber);margin-bottom:8px;font-size:11px;font-weight:700}.section-title{margin-bottom:12px;font-size:32px}.saas-card-desc{color:var(--text-gray);height:40px;margin-bottom:16px;font-size:13px}.dashboard-display{background:#050505b3;border:1px solid #333;border-radius:2px;flex-direction:column;gap:12px;margin-top:20px;padding:12px;display:flex}.snaitur-map-container{background:#00000080;border:1px solid #ffb3001a;height:120px;position:relative;overflow:hidden}.map-grid-lines{background-image:linear-gradient(#ffb3000d 1px,#0000 1px),linear-gradient(90deg,#ffb3000d 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.snaitur-route{background:#ffb30033;height:2px;position:absolute;top:50%;left:10%;right:10%}.snaitur-route-active{width:var(--route-percent,40%);background:var(--neon-amber);height:2px;box-shadow:0 0 8px var(--neon-amber);transition:width .8s;position:absolute;top:50%;left:10%}.snaitur-node{background:var(--bg-darker);border:2px solid var(--neon-amber);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translate(-50%,-50%)}.snaitur-node.start{left:10%}.snaitur-node.end{left:90%}.snaitur-vehicle{background:var(--neon-amber);border:2px solid var(--bg-darker);width:14px;height:14px;top:50%;left:calc(10% + var(--route-percent,40%) * .8);box-shadow:0 0 8px var(--neon-amber);transition:left .8s;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.notification-tick{color:var(--neon-amber);border-left:2px solid var(--neon-amber);padding-left:6px;font-size:11px;animation:.3s tick-fade-in}@keyframes tick-fade-in{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.owner-dashboard-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.copa-beneficiaries{flex-direction:column;gap:6px;display:flex}.beneficiary-row{background:#ffffff03;border:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.status-badge{color:var(--neon-orange);background:#ff57221a;border:1px solid #ff57224d;padding:1px 4px;font-size:10px}.trace-log{background:#0000004d;border:1px solid #ffffff08;height:70px;padding:6px;font-size:10px;overflow-y:auto}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--neon-orange-dim)}.lab-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}@media (width<=968px){.lab-layout{grid-template-columns:1fr}}.blueprint-case{background:radial-gradient(circle,#180d08 0%,#050505 100%);border:2px dashed #ff57224d;border-radius:4px;padding:30px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #ff57220d}.blueprint-grid{pointer-events:none;background-image:linear-gradient(#ff572205 1px,#0000 1px),linear-gradient(90deg,#ff572205 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.schematic-svg{filter:drop-shadow(0 0 10px #ff57224d);width:100%;max-width:450px;height:auto;margin:0 auto;display:block}.lab-console{font-family:var(--font-mono);flex-direction:column;gap:12px;font-size:12px;display:flex}.terminal-logs{background:#080808;border:1px solid #333;height:180px;padding:12px;font-size:11px;overflow-y:auto}.log-line{word-break:break-all;margin-bottom:4px}.log-line.system{color:var(--text-gray)}.log-line.success{color:var(--neon-orange)}.log-line.warning{color:var(--neon-red)}.log-line.info{color:var(--neon-amber)}.cli-container{max-width:800px;margin:0 auto}.cli-screen{border:1px solid var(--border-color);background:#050505;border-radius:0 0 4px 4px;flex-direction:column;height:380px;display:flex;overflow:hidden}.cli-output{text-align:left;flex-grow:1;padding:16px;font-size:13px;line-height:1.6;overflow-y:auto}.cli-input-line{background:var(--bg-panel-header);border-top:1px solid var(--border-color);align-items:center;gap:10px;padding:10px 16px;display:flex}.cli-prompt{color:var(--neon-orange);-webkit-user-select:none;user-select:none;font-size:14px;font-weight:700}.cli-input{color:var(--text-white);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex-grow:1;font-size:14px}.cli-quick-links{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:15px;display:flex}.quick-cmd-btn{font-family:var(--font-mono);color:var(--text-gray);border:1px solid var(--border-color);cursor:pointer;background:#ffffff03;padding:4px 10px;font-size:11px;transition:all .2s}.quick-cmd-btn:hover{border-color:var(--neon-orange);color:var(--neon-orange);text-shadow:0 0 4px var(--neon-orange-glow);background:#ff57220d}.footer-text{text-align:center;color:var(--text-dark);border-top:1px solid var(--border-color);flex-direction:column;gap:8px;margin-top:60px;padding:40px 0;font-size:12px;display:flex}.footer-decor-line{background:linear-gradient(90deg, transparent 0%, var(--border-color) 50%, transparent 100%);width:100%;height:1px}.hud-link{transition:all .2s}.hud-link:hover{text-shadow:0 0 5px var(--neon-orange-glow);color:var(--neon-orange)!important}@media (width<=768px){.hud-links{display:none!important}}
