@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--bg-dark:#0f1117;--bg-card:#151922;--bg-card-hover:#1b2230;--primary:#f97316;--primary-hover:#ea580c;--primary-glow:#f973161f;--secondary:#64748b;--secondary-hover:#475569;--secondary-glow:#64748b1f;--accent:#3b82f6;--accent-hover:#2563eb;--accent-glow:#3b82f61f;--success:#10b981;--success-hover:#059669;--success-glow:#10b9811f;--warning:#f59e0b;--error:#ef4444;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-subtle:#94a3b8;--text-dark:#94a3b8;--gradient-start:#fff;--gray-900:#111827;--gray-800:#1f2937;--gray-700:#374151;--gray-600:#4b5563;--gray-500:#6b7280;--border:#ffffff1f;--border-light:#ffffff1f;--border-glow:#f973161f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-smooth:all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .1s ease;--font-display:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-sticky:#151922eb;--shadow:0 15px 40px #0006;--scrollbar-thumb:#fff3;--scrollbar-thumb-hover:#ffffff59;--bg-hero:transparent;--bg-mock-card:linear-gradient(145deg, var(--bg-card) 0%, var(--bg-card-hover) 100%);--bg-footer:var(--gray-900)}:root.light{--bg-dark:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--primary:#ea580c;--primary-hover:#c2410c;--primary-glow:#ea580c14;--accent:#1d4ed8;--accent-hover:#1e40af;--accent-glow:#1d4ed814;--success:#059669;--success-hover:#047857;--success-glow:#05966914;--text-main:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--text-dark:#64748b;--gradient-start:#0f172a;--border:#0f172a1f;--border-light:#0f172a1f;--border-glow:#ea580c14;--gray-900:#f8fafc;--gray-800:#f1f5f9;--gray-700:#e2e8f0;--gray-600:#cbd5e1;--gray-500:#94a3b8;--bg-sticky:#ffffffeb;--shadow:0 15px 40px #00000014;--scrollbar-thumb:#0f172a33;--scrollbar-thumb-hover:#0f172a59;--bg-hero:#fff;--bg-mock-card:#fff;--bg-footer:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;overflow-x:clip}body{flex-direction:column;display:flex;position:relative}body:after{display:none}body:before{content:"";z-index:-2;opacity:.15;pointer-events:none;background-image:url(/storage_bg_dark.png);background-position:top;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block;position:fixed;top:0;left:0}:root.light body:before{opacity:.08;background-image:url(/storage_bg_light.png)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.flex-center{justify-content:center;align-items:center;display:flex}.grid-cols-2{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}.grid-cols-3{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:24px}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border)}.glass-card.interactive:hover{transform:translateY(-1px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}.gradient-text{background:linear-gradient(135deg, var(--gradient-start) 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-accent{background:linear-gradient(135deg, var(--gradient-start) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);font-weight:600;font-family:var(--font-sans);text-align:center;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:inline-flex}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--gray-800);border:1px solid var(--border);color:var(--text-main)}.btn-secondary:hover{background:var(--gray-700);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success-hover);transform:translateY(-1px)}.btn-success:active{transform:translateY(0)}.btn-outline{border:1px solid var(--border);color:var(--text-main);background:0 0}.btn-outline:hover{background:#ffffff0a;transform:translateY(-1px)}.btn-gradient-blue{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);color:#fff;box-shadow:0 4px 12px var(--accent-glow);border:1px solid #ffffff1a}.btn-gradient-blue:hover{background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 100%);box-shadow:0 6px 16px var(--accent-glow);transform:translateY(-1px)}.btn-gradient-blue:active{transform:translateY(0)}.btn-gradient-green{background:linear-gradient(135deg, var(--success) 0%, var(--success-hover) 100%);color:#fff;box-shadow:0 4px 12px var(--success-glow);border:1px solid #ffffff1a}.btn-gradient-green:hover{background:linear-gradient(135deg, var(--success-hover) 0%, var(--success) 100%);box-shadow:0 6px 16px var(--success-glow);transform:translateY(-1px)}.btn-gradient-green:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}@keyframes pulseRadar{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(2)}}.pulse-circle{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.pulse-circle:after{content:"";border:2px solid var(--primary);border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite pulseRadar;position:absolute}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg,#ffffff08 25%,#ffffff1a 50%,#ffffff08 75%) 0 0/200% 100%;animation:2s linear infinite shimmer}.input-field{background:var(--gray-900);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition-fast);padding:14px 16px}.input-field:focus{border-color:var(--primary);outline:2px solid var(--primary)}header{border-bottom:1px solid var(--border);z-index:100;background:var(--bg-dark);position:sticky;top:0}footer{border-top:1px solid var(--border);background:var(--bg-footer);margin-top:auto;padding:40px 0}.nav-link{transition:var(--transition-fast)}.nav-link:hover{color:var(--primary)!important}.demo-card-interactive{cursor:default;background:linear-gradient(135deg, var(--bg-card) 0%, var(--primary-glow) 100%)!important;border:1px solid var(--border-glow)!important;box-shadow:0 20px 40px -15px var(--primary-glow)!important;border-radius:16px!important;transition:transform .3s,box-shadow .3s!important}.demo-card-interactive:hover{box-shadow:0 30px 50px -10px var(--primary-glow)!important;transform:translateY(-6px)!important}.stats-layout-grid{grid-template-columns:1fr;gap:20px;margin-bottom:24px;display:grid}@media (min-width:1024px){.stats-layout-grid{grid-template-columns:2fr 1fr}}.scroll-on-hover{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow-x:hidden}.scroll-on-hover:hover{text-overflow:clip!important;overflow-x:auto!important}.scroll-on-hover::-webkit-scrollbar{height:4px}.scroll-on-hover::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.path-scroll-on-hover{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow-x:hidden}.path-scroll-on-hover:hover{text-overflow:clip!important;overflow-x:auto!important}.path-scroll-on-hover::-webkit-scrollbar{height:4px}.path-scroll-on-hover::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}@media (max-width:768px){.desktop-nav{display:none!important}.mobile-controls{display:flex!important}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}