@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto+Mono:wght@400;500;700&display=swap";
:root{--bg-color:#0d1117;--panel-bg:#161b22;--border-color:#ffffff1a;--border-hover:#00e5ff59;--gold-primary:#00e5ff;--gold-glow:#00e5ff1a;--gold-gradient:linear-gradient(135deg, #e0f7fa 0%, #00e5ff 100%);--text-primary:#fff;--text-secondary:#8b949e;--text-dark:#0d1117;--accent-blue:#00e5ff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.grid-bg,.gold-glow-orb{display:none}@keyframes floatOrb{0%{transform:translate(0)scale(1)}to{transform:translate(30px,50px)scale(1.1)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700}.gold-text{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.glass-card{-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:24px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 12px 36px #0009,inset 0 0 15px #00e5ff08;background:#161b22a6!important;border:1px solid #00e5ff26!important}.glass-card-interactive{cursor:pointer}.glass-card:hover,.glass-card-interactive:hover{transform:translateY(-4px)translateZ(12px);box-shadow:inset 0 1px #ffffff1f,0 20px 48px #000000b3,0 0 24px #00e5ff1f;border-color:#00e5ff59!important}.glass-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00e5ff00,#00e5ffcc,#00e5ff00,#0000);width:100%;height:1px;animation:5s linear infinite pipeFlow;position:absolute;top:0;left:0}@keyframes pipeFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.app-container-3d{perspective:1400px;perspective-origin:50%;background-color:#06090b;background-image:linear-gradient(45deg,#0f1318 25%,#0000 25%),linear-gradient(-45deg,#0f1318 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0f1318 75%),linear-gradient(-45deg,#0000 75%,#0f1318 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;min-height:100vh;position:relative;overflow:hidden}.hologram-floor{transform-origin:bottom;opacity:.5;pointer-events:none;z-index:1;background-color:#0000;background-image:linear-gradient(#0000 0%,#00e5ff0d 100%),linear-gradient(90deg,#00e5ff05 1px,#0000 1px),linear-gradient(0deg,#00e5ff05 1px,#0000 1px);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:50px 50px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;height:38%;animation:12s linear infinite floorScroll;position:absolute;bottom:0;left:0;transform:perspective(600px)rotateX(70deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 100%);mask-image:linear-gradient(#0000 0%,#000 100%)}@keyframes floorScroll{0%{background-position:0 0}to{background-position:0 -200px}}.monospace-font{font-family:Roboto Mono,Space Mono,monospace!important}.navbar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#050505cc;justify-content:space-between;align-items:center;padding:20px 8%;display:flex;position:sticky;top:0}.nav-logo{color:var(--text-primary);align-items:center;gap:10px;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.logo-badge{background:var(--gold-gradient);color:var(--text-dark);border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:800}.nav-links{gap:30px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--gold-primary)}.container{max-width:1300px;margin:0 auto;padding:40px 24px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px;display:grid}.metric-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem}.metric-value{color:var(--text-primary);margin-bottom:6px;font-size:2.2rem;font-weight:700}.metric-footer{color:#00e676;align-items:center;gap:5px;font-size:.85rem;display:flex}.dashboard-layout{grid-template-columns:1.4fr 1fr;gap:30px;margin-top:20px;display:grid}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr}}.simulator-tab-bar{border-bottom:1px solid var(--border-color);gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.tab-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s}.tab-btn:hover{border-color:var(--gold-primary);color:var(--text-primary)}.tab-btn.active{background:var(--gold-gradient);color:var(--text-dark);border-color:#0000;font-weight:600;box-shadow:0 4px 15px #d4af374d}.code-container{border:1px solid var(--border-color);background:#0d0d0d;border-radius:12px;margin-bottom:15px;padding:16px;position:relative}.code-title{color:var(--gold-primary);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin-bottom:8px;font-size:.75rem;font-weight:600;display:flex}.code-block{color:#c5c5c9;white-space:pre-wrap;word-break:break-all;font-family:Space Mono,monospace;font-size:.85rem;line-height:1.5}.btn-primary{color:#00e5ff;cursor:pointer;background:#161b22;border:1px solid #00e5ff;border-radius:10px;width:100%;padding:12px 24px;font-family:inherit;font-weight:700;transition:all .3s;box-shadow:inset 0 1px #ffffff0d}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0d,0 0 12px #00e5ff}.chart-container{background:#0006;border:1px dashed #d4af371a;border-radius:12px;width:100%;height:320px;margin:15px 0;position:relative;overflow:hidden}.chart-legend{justify-content:flex-end;gap:15px;margin-top:10px;font-size:.8rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.table-container{margin-top:15px;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.custom-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:12px 8px;font-weight:500}.custom-table td{border-bottom:1px solid #d4af370d;padding:16px 8px}.badge{border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.badge-active{color:#00e676;background:#00e6761a}.badge-financial{color:#ffdf00;background:#ffdf001a}.badge-industrial{color:#0071e3;background:#0071e31a}.badge-ai{color:#e040fb;background:#e040fb1a}.pulse-indicator{vertical-align:middle;background-color:#00e676;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.6s infinite pulse;display:inline-block;box-shadow:0 0 #00e676b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #00e676b3}70%{transform:scale(1);box-shadow:0 0 0 6px #00e67600}to{transform:scale(.95);box-shadow:0 0 #00e67600}}.gold-glow-shadow{box-shadow:0 0 15px #d4af3766}.gold-glow-border:focus{border-color:var(--gold-primary)!important;box-shadow:0 0 10px #d4af374d!important}.math-svg-bg{z-index:-1;pointer-events:none;opacity:.12;width:100vw;height:100vh;position:fixed;top:0;left:0}.app-layout{min-height:100vh;transform-style:preserve-3d;z-index:2;background-color:#0000;display:flex;position:relative;overflow:hidden}.sidebar{z-index:100;transform-origin:100%;background-color:#06080a;border-right:1px solid #00e5ff26;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:76px;height:100vh;padding:24px 0;display:flex;position:sticky;top:0;transform:rotateY(12deg)translateZ(10px);box-shadow:-5px 0 25px #00000080,inset -1px 0 #ffffff08}.sidebar-menu{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.sidebar-item{width:100%;height:56px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:color .3s,background-color .3s;display:flex;position:relative}.sidebar-item:hover{color:#fff;background-color:#00e5ff08}.sidebar-item.active{color:var(--gold-primary);background-color:#00e5ff0d}.sidebar-item.active:before{content:"";background:var(--gold-primary);border-radius:0 4px 4px 0;width:3px;height:70%;position:absolute;top:15%;left:0;box-shadow:0 0 10px #00e5ffb3}.main-content{transform-origin:0;background-color:#0000;flex:1;height:100vh;padding:30px 4% 60px;overflow-y:auto;transform:rotateY(-3deg)translateZ(0)}.progress-ring-circle{transform-origin:50%;transition:stroke-dashoffset .35s;transform:rotate(-90deg)}.toggle-switch-container{align-items:center;gap:12px;display:flex}.toggle-switch{cursor:pointer;background-color:#1a1f24;border:1px solid #c5a88040;border-radius:12px;width:48px;height:24px;transition:background-color .25s,border-color .25s;position:relative}.toggle-switch.active{background:var(--gold-gradient);border-color:#d4af37;box-shadow:0 0 8px #d4af374d}.toggle-thumb{background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0006}.toggle-switch.active .toggle-thumb{background-color:#0b0f12;transform:translate(24px)}.premium-card-wrapper{perspective:1000px;width:100%;max-width:380px;height:220px;margin:0 auto 25px}.premium-card{width:100%;height:100%;transform-style:preserve-3d;background:linear-gradient(135deg,#181d22 0%,#080b0d 100%);border:1px solid #d4af3740;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0009,0 0 15px #d4af370d}.premium-card-wrapper:hover .premium-card{border-color:#d4af3773;transform:rotateY(12deg)rotateX(4deg)translateY(-3px);box-shadow:0 25px 45px #000000b3,0 0 25px #d4af371a}.premium-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4af370d 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.premium-card-header{justify-content:space-between;align-items:center;display:flex;transform:translateZ(30px)}.premium-card-chip{background:linear-gradient(135deg,#dfd4c0 0%,#c5a880 100%);border-radius:6px;width:40px;height:30px;box-shadow:inset 0 1px 2px #ffffff4d}.premium-card-brand{letter-spacing:.1em;color:#d4af37;text-shadow:0 1px 2px #00000080;font-family:Space Mono,monospace;font-size:.9rem;font-weight:700}.premium-card-number{letter-spacing:.12em;color:#fff;text-shadow:0 2px 4px #0009;text-align:center;margin:22px 0;font-family:Space Mono,monospace;font-size:1.2rem;transform:translateZ(40px)}.premium-card-details{justify-content:space-between;align-items:flex-end;display:flex;transform:translateZ(30px)}.premium-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.6rem}.premium-card-value{color:#fff;font-family:Space Mono,monospace;font-size:.8rem;font-weight:600}.glass-panel-premium{-webkit-backdrop-filter:blur(24px);background:#0d111773;border:1px solid #00e5ff26;border-radius:12px;padding:24px;transition:border-color .4s,box-shadow .4s,transform .4s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 20px 40px #00000080,inset 0 0 20px #00e5ff05}.glass-panel-premium:hover{border-color:#00e5ff66;box-shadow:inset 0 1px #ffffff1a,0 25px 50px #0009,0 0 30px #00e5ff1a}.glass-panel-premium:before{content:"";background:linear-gradient(90deg,#0000,#ffffff08,#0000);width:50%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.glass-panel-premium:hover:before{left:150%}.glass-panel-purple{border-color:#a855f726;box-shadow:inset 0 1px #ffffff0d,0 20px 40px #00000080,inset 0 0 20px #a855f705}.glass-panel-purple:hover{border-color:#a855f766;box-shadow:inset 0 1px #ffffff1a,0 25px 50px #0009,0 0 30px #a855f71a}.glass-panel-green{border-color:#22c55e26;box-shadow:inset 0 1px #ffffff0d,0 20px 40px #00000080,inset 0 0 20px #22c55e05}.glass-panel-green:hover{border-color:#22c55e66;box-shadow:inset 0 1px #ffffff1a,0 25px 50px #0009,0 0 30px #22c55e1a}.gradient-text-cyan{background:linear-gradient(135deg,#fff 0%,#00e5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-green{background:linear-gradient(135deg,#fff 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-execute-premium{color:#000;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#00e5ff 0%,#08c 100%);border:none;border-radius:12px;width:100%;padding:22px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:800;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 0 20px #00e5ff66,inset 0 2px #fff6}.btn-execute-premium:hover{background:linear-gradient(135deg,#3ef 0%,#0af 100%);transform:translateY(-2px);box-shadow:0 10px 30px #00e5ff99,inset 0 2px #fff9}.btn-execute-premium:active{transform:translateY(1px);box-shadow:0 5px 15px #00e5ff66}.btn-execute-premium:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#fffc 0%,#0000 60%);width:200%;height:200%;transition:opacity .4s,transform .4s;position:absolute;top:-50%;left:-50%;transform:scale(.5)}.btn-execute-premium:hover:after{opacity:.15;transform:scale(1)}.btn-execute-premium:disabled{color:#555;cursor:not-allowed;box-shadow:none;background:#1a1f24;border:1px solid #333;transform:translateY(0)}.terminal-container{background:#05070ad9;border:1px solid #333;border-radius:12px;flex-direction:column;gap:12px;min-height:220px;padding:20px;font-family:Roboto Mono,monospace;font-size:.85rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c}.terminal-container.active{border-color:#00e5ff66;box-shadow:0 0 30px #00e5ff1a,inset 0 0 30px #00e5ff0d}.terminal-scanline{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#00e5ffcc,#0000);width:100%;height:2px;animation:3s linear infinite scanline;position:absolute;top:0;left:0;box-shadow:0 0 10px #00e5ff80}.terminal-container.active .terminal-scanline{opacity:1}@keyframes scanline{0%{top:-5%}to{top:105%}}