@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}:root{--bg-primary:#020617;--bg-secondary:#0f172a;--bg-card:#111827b3;--bg-elevated:#1e293bcc;--bg-dark:#000;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--text-accent:#38bdf8;--brand-primary:#38bdf8;--brand-secondary:#818cf8;--brand-accent:#22d3ee;--brand-primary-hover:#7dd3fc;--border-subtle:#ffffff1a;--border-medium:#fff3;--border-active:#38bdf84d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-glass:0 8px 32px #00000080;--shadow-glow:0 8px 32px #00000080;--transition-fast:.2s ease-in-out;--transition-normal:.3s ease-in-out;--transition-smooth:.5s cubic-bezier(.2,.8,.2,1);--sidebar-width:260px;--topnav-height:64px;--wallpaper-image:url(/hero-neon-future.png)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-moz-text-size-adjust:100%;text-size-adjust:100%;max-width:100vw;font-family:Outfit,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}body{color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";background-image:var(--wallpaper-image);filter:brightness(.45)contrast(1.15)saturate(1.2);will-change:transform;z-index:-2;pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:0;transform:translateZ(0)}body:after{content:"";background:linear-gradient(to bottom,#0206174d 0%,#0206178c 50%,var(--bg-primary)100%);z-index:-1;pointer-events:none;position:fixed;inset:0}@media (max-width:640px){body:before{filter:brightness(.35)contrast(1.25)saturate(1.15);background-position:top}}@media (min-width:641px) and (max-width:1024px){body:before{filter:brightness(.4)contrast(1.2)saturate(1.2);background-position:50% 20%}}.logo-mark{filter:drop-shadow(0 0 18px #38bdf859);background:linear-gradient(135deg,#38bdf8,#818cf8,#f0abfc);display:inline-block;-webkit-mask-image:url(/logo.png);mask-image:url(/logo.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;overflow-wrap:break-word;word-break:break-word;font-weight:700;line-height:1.25}.text-gradient{background:linear-gradient(110deg,var(--brand-primary)0%,var(--brand-accent)25%,#e0f2fe 45%,var(--brand-accent)55%,var(--brand-secondary)75%,var(--brand-primary)100%);-webkit-text-fill-color:transparent;background-size:300%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite shine-effect;display:inline-block;position:relative}.text-gradient:before,.text-gradient:after{content:"";pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,#ffffffe6,#0000),radial-gradient(2px 2px at 40% 70%,#fffc,#0000),radial-gradient(1.5px 1.5px at 60% 20%,#ffffffe6,#0000),radial-gradient(2px 2px at 80%,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 10% 80%,#fffc,#0000),radial-gradient(2px 2px at 90% 10%,#ffffffe6,#0000),radial-gradient(1px 1px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 30% 90%,#fffc,#0000),radial-gradient(2px 2px at 70% 40%,#ffffffe6,#0000),radial-gradient(1px 1px at 15% 55%,#ffffffb3,#0000);width:100%;height:100%;animation:3s ease-in-out infinite sparkle-twinkle;position:absolute;top:0;left:0}.text-gradient:after{background-image:radial-gradient(1.5px 1.5px at 25% 45%,#38bdf8e6,#0000),radial-gradient(2px 2px at 55% 15%,#22d3eecc,#0000),radial-gradient(1px 1px at 75% 65%,#818cf8e6,#0000),radial-gradient(1.5px 1.5px at 45% 85%,#38bdf8b3,#0000),radial-gradient(2px 2px at 85% 35%,#22d3eecc,#0000),radial-gradient(1px 1px at 5% 25%,#818cf8e6,#0000),radial-gradient(1.5px 1.5px at 65% 75%,#38bdf8cc,#0000);animation:2.5s ease-in-out infinite reverse sparkle-twinkle}@keyframes shine-effect{0%{background-position:300%}to{background-position:-300%}}@keyframes sparkle-twinkle{0%,to{opacity:.3;filter:blur()}25%{opacity:1;filter:blur()}50%{opacity:.1;filter:blur(.5px)}75%{opacity:.9;filter:blur()}}.glass-panel{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass),inset 0 1px 0 #ffffff0f,inset 0 -1px 0 #0000004d;transition:all var(--transition-smooth);transform-style:preserve-3d;perspective:1000px;background:linear-gradient(135deg,#111827d9 0%,#1e293b99 50%,#111827d9 100%);border:1px solid #ffffff14;position:relative;overflow:hidden}.glass-panel:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(105deg,#0000 20%,#ffffff08 30%,#ffffff14 38%,#ffffff08 46%,#0000 56%);width:200%;height:200%;animation:8s ease-in-out infinite glass-sheen;position:absolute;top:-50%;left:-50%;transform:rotate(0)}.glass-panel:after{content:"";border-radius:var(--radius-xl);-webkit-mask-composite:xor;pointer-events:none;z-index:2;opacity:.5;background:linear-gradient(135deg,#38bdf81f 0%,#0000 40% 60%,#818cf814 100%) border-box;border:1px solid #0000;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-panel:hover:after{opacity:1}.glass-panel:hover{border-color:#38bdf833;transform:translateY(-6px)rotateX(2deg)scale(1.015);box-shadow:0 20px 60px #00000080,0 0 40px #38bdf81a,inset 0 1px #ffffff1a}@keyframes glass-sheen{0%,to{transform:translate(-60%)rotate(25deg)}50%{transform:translate(60%)rotate(25deg)}}@keyframes float-3d-1{0%,to{transform:translate(0,0)scale(1)}25%{transform:translate3d(30px,-40px,20px)scale(1.05)}50%{transform:translate3d(-20px,-60px,40px)scale(.95)}75%{transform:translate3d(40px,-20px,10px)scale(1.02)}}@keyframes float-3d-2{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate3d(-40px,-30px,30px)scale(1.08)}66%{transform:translate3d(20px,-50px,-20px)scale(.93)}}@keyframes float-3d-3{0%,to{transform:translate(0,0)scale(1)}20%{transform:translate3d(50px,-20px,-30px)scale(.97)}40%{transform:translate3d(-30px,-70px,40px)scale(1.06)}60%{transform:translate3d(10px,-40px,20px)scale(.95)}80%{transform:translate3d(-40px,-10px,-10px)scale(1.03)}}@keyframes morph-blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 50% 70%}75%{border-radius:40% 60% 60% 30%/60% 40%}}@keyframes rotate-ring{0%{transform:rotateX(70deg)rotate(0)}to{transform:rotateX(70deg)rotate(360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orb{pointer-events:none;will-change:transform;filter:blur(60px);border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#38bdf826 0%,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite float-3d-1}.orb-2{background:radial-gradient(circle,#818cf81f 0%,#0000 70%);width:350px;height:350px;animation:25s ease-in-out infinite float-3d-2}.orb-3{background:radial-gradient(circle,#22d3ee1a 0%,#0000 70%);width:300px;height:300px;animation:18s ease-in-out infinite float-3d-3}.perspective-grid{pointer-events:none;background-image:linear-gradient(#38bdf80d 1px,#0000 1px),linear-gradient(90deg,#38bdf80d 1px,#0000 1px);background-size:60px 60px;width:200%;height:80%;position:absolute;bottom:0;left:50%;transform:translate(-50%)perspective(500px)rotateX(65deg);-webkit-mask-image:linear-gradient(#0000 40%,#0000004d 100%);mask-image:linear-gradient(#0000 40%,#0000004d 100%)}.hero-ring{pointer-events:none;border:1px solid #38bdf814;border-radius:50%;width:600px;height:600px;animation:30s linear infinite rotate-ring;position:absolute}.hero-ring:before{content:"";background:var(--brand-primary);width:6px;height:6px;box-shadow:0 0 12px var(--brand-primary),0 0 30px #38bdf866;border-radius:50%;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.morph-blob{pointer-events:none;will-change:border-radius;animation:15s ease-in-out infinite morph-blob;position:absolute}.card-3d{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.card-3d:hover{transform:perspective(800px)rotateY(-3deg)rotateX(3deg)translateZ(10px);box-shadow:15px 15px 40px #0006,0 0 30px #38bdf80f}.glow-line{background:linear-gradient(90deg,transparent 0%,var(--brand-primary)50%,transparent 100%);opacity:.3;width:100%;height:1px;position:relative}.glow-line:after{content:"";filter:blur(4px);background:linear-gradient(90deg,#0000 0%,#38bdf84d 50%,#0000 100%);height:7px;position:absolute;top:-3px;left:0;right:0}@keyframes particle-float{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-20px)scale(1.3)}}.particle{background:var(--brand-primary);pointer-events:none;width:3px;height:3px;animation:particle-float var(--duration,4s)ease-in-out infinite;animation-delay:var(--delay,0s);opacity:.4;border-radius:50%;position:absolute}.dash-card{border-radius:var(--radius-xl);background:linear-gradient(135deg,#0f172ae6,#1e293b99);border:1px solid #ffffff0f;padding:1.75rem;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.dash-card:before{content:"";border-radius:var(--radius-xl);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#38bdf826,#0000 40%,#818cf81a);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dash-card:hover{background:linear-gradient(135deg,#0f172af2,#1e293bcc);border-color:#38bdf833;transform:translateY(-2px);box-shadow:0 8px 32px #38bdf814,0 0 0 1px #38bdf81a}.kpi-card{border-radius:var(--radius-xl);background:linear-gradient(145deg,#0f172acc,#1e293b66);border:1px solid #ffffff0f;padding:1.75rem;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.kpi-card:after{content:"";background:var(--kpi-color,var(--brand-primary));opacity:.6;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.kpi-card:hover{box-shadow:0 12px 40px #0000004d,0 0 20px color-mix(in srgb,var(--kpi-color,var(--brand-primary))15%,transparent);transform:translateY(-3px)}.kpi-card:hover:after{opacity:1}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes breath{0%,to{opacity:.4}50%{opacity:.8}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes borderGlow{0%,to{border-color:#38bdf826}50%{border-color:#38bdf859}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.8}50%{opacity:1}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s var(--transition-smooth)forwards}.animate-slide-up{animation:.6s cubic-bezier(.2,.8,.2,1) forwards slideUp}.animate-count-up{animation:.5s cubic-bezier(.2,.8,.2,1) forwards countUp}.stagger-children>*{opacity:0;animation:.5s cubic-bezier(.2,.8,.2,1) forwards slideUp}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.sidebar-nav-link{border-radius:var(--radius-lg);color:var(--text-secondary);align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.875rem;font-weight:450;text-decoration:none;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.sidebar-nav-link:hover{color:var(--text-primary);background:#38bdf80f;transform:translate(4px)}.sidebar-nav-link.active{color:#fff;background:linear-gradient(135deg,#38bdf81f,#818cf814);font-weight:600}.sidebar-nav-link.active:before{content:"";background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));border-radius:0 3px 3px 0;width:3px;position:absolute;top:15%;bottom:15%;left:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.section-padding{padding:4rem 0}.text-clamp-1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.container{padding:0 1.5rem}.section-padding{padding:3rem 0}.bento-grid{grid-template-columns:repeat(2,1fr)!important}.bento-grid .bento-span-2{grid-column:span 2!important}.nav-links{gap:1rem!important;font-size:.8rem!important}}@media (max-width:768px){html,body{font-size:14px}input,select,textarea{font-size:16px!important}h1{font-size:1.75rem!important}h2{font-size:1.375rem!important}.container{padding:0 1rem!important}.section-padding{padding:2rem 0}.glass-panel{border-radius:var(--radius-lg)!important;padding:1rem!important}.footer-grid{grid-template-columns:1fr!important;gap:2rem!important}.footer-bottom{text-align:center;flex-direction:column!important;gap:1rem!important}.footer-bottom>div{flex-wrap:wrap!important;justify-content:center!important;gap:1rem!important}.features-grid{grid-template-columns:1fr!important;gap:2rem!important}.dash-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.war-room-grid{grid-template-columns:1fr!important}.chatbot-window{border-radius:var(--radius-lg)!important;width:calc(100vw - 1rem)!important;height:calc(100dvh - 6rem)!important;bottom:.5rem!important;right:.5rem!important}.nav-safe{padding-top:env(safe-area-inset-top)!important}.chatbot-fab{bottom:calc(1.5rem + env(safe-area-inset-bottom))!important}nav .container{flex-wrap:nowrap;gap:.5rem}.nav-links{display:none!important}.nav-mobile-toggle{display:flex!important}.nav-mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#020617f7;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}.nav-mobile-menu a{color:var(--text-primary);font-size:1.25rem;font-weight:500;text-decoration:none}.bento-grid{grid-template-columns:1fr!important}.bento-grid .bento-span-2{grid-column:span 1!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.dash-sidebar{z-index:200!important;width:280px!important;height:100dvh!important;display:none!important;position:fixed!important;top:0!important;left:0!important;box-shadow:4px 0 24px #00000080!important}.dash-sidebar.sidebar-open,.dash-mobile-toggle{display:flex!important}.dash-hide-mobile{display:none!important}.dash-topnav{padding:0 1rem!important}.dash-main{margin-left:0!important}.dash-content-grid{grid-template-columns:1fr!important}.dash-main main{padding:1rem!important}.hero-bg-image,.section-bg-image{background-position:50%!important;background-size:cover!important;transform:scale(1.1)!important}.dash-main{overflow-x:hidden!important}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr!important}.dash-main main>div{padding:0!important}.dash-content-grid button{padding:.3rem .5rem!important;font-size:.7rem!important}.stats-grid>div{padding:1rem!important}.dash-main [style*="padding: 0.875rem 1.25rem"]{padding:.75rem!important}}@keyframes shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}