:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#111827bf;--bg-card-hover:#1e293bd9;--border-subtle:#ffffff14;--border-active:#38bdf880;--accent-cyan:#38bdf8;--accent-indigo:#6366f1;--accent-emerald:#10b981;--accent-rose:#f43f5e;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,#6366f11f 0%,#0000 40%),radial-gradient(circle at 85% 20%,#38bdf81f 0%,#0000 40%),radial-gradient(circle at 50% 85%,#10b98114 0%,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 20px 40px -15px #00000080}.glass-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:9999px}.gradient-text{background:linear-gradient(135deg, #fff 20%, var(--accent-cyan) 60%, var(--accent-indigo) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-btn{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-indigo) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 20px #38bdf859}.gradient-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #38bdf880}.gradient-btn:active{transform:translateY(0)}.dropzone{text-align:center;cursor:pointer;background:#0f172a99;border:2px dashed #38bdf84d;border-radius:16px;padding:48px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dropzone:hover,.dropzone.drag-active{border-color:var(--accent-cyan);background:#1e293bb3;box-shadow:0 0 35px #38bdf833}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #10b98166,inset 0 0 10px #10b98133}50%{box-shadow:0 0 25px #10b981b3,inset 0 0 15px #10b9814d}}.pulse-glow{animation:3s ease-in-out infinite pulseGlow}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.pulse-badge{animation:2.5s ease-in-out infinite pulseGlow}input[type=range].custom-slider{appearance:none;background:#ffffff1a;border-radius:4px;outline:none;width:100%;height:8px}input[type=range].custom-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#6366f1);border:2px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #38bdf8cc}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-text{background:linear-gradient(90deg,#94a3b8 25%,#38bdf8 50%,#94a3b8 75%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.donut-slice{transform-origin:50%;cursor:pointer;transition:all .25s}.donut-slice:hover{filter:drop-shadow(0 0 10px)}.category-card{cursor:pointer;transition:all .2s}.category-card:hover{transform:translateY(-2px);background:#ffffff14!important;border-color:#38bdf866!important}.category-card.active{box-shadow:0 0 16px #38bdf840;border-color:var(--accent-cyan)!important;background:#38bdf81f!important}@media (width<=768px){nav{padding:14px 16px!important}.desktop-nav-link{display:none!important}.hero-headline{letter-spacing:-1px!important;font-size:32px!important;line-height:1.2!important}.hero-subtext{font-size:15px!important}.dropzone{padding:32px 16px!important}.pricing-grid{grid-template-columns:1fr!important}.metrics-strip{grid-template-columns:1fr 1fr!important;gap:10px!important}.modal-container{width:95vw!important;max-width:95vw!important;padding:20px 16px!important}.table-responsive,.month-tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto!important}}@media (width<=480px){.hero-headline{font-size:28px!important}.metrics-strip{grid-template-columns:1fr!important}.conversion-action-bar{flex-direction:column!important;align-items:stretch!important}.conversion-action-bar button{width:100%!important}}