@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #F8FAFC;--bg-alt: #F1F5F9;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-hover: #F1F5F9;--bg-active: #E2E8F0;--bg-overlay: rgba(15, 23, 42, .4);--glass: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .8);--glass-strong: rgba(255, 255, 255, .9);--text: #0F172A;--text-secondary: #334155;--text-tertiary: #64748B;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--accent: #6366F1;--accent-hover: #4F46E5;--accent-dim: rgba(99, 102, 241, .12);--accent-glow: rgba(99, 102, 241, .4);--gradient: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--green: #10B981;--green-dim: rgba(16, 185, 129, .12);--red: #EF4444;--red-dim: rgba(239, 68, 68, .12);--amber: #F59E0B;--amber-dim: rgba(245, 158, 11, .12);--border: #E2E8F0;--border-light: #F1F5F9;--border-bright: #CBD5E1;--border-focus: #6366F1;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-glow: 0 0 40px rgba(99, 102, 241, .15);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--bg: #0B0F1A;--bg-alt: #0F1629;--bg-card: #151B2E;--bg-elevated: #1A2240;--bg-hover: #1E2847;--bg-active: #252F52;--bg-overlay: rgba(0, 0, 0, .6);--glass: rgba(21, 27, 46, .7);--glass-border: rgba(255, 255, 255, .08);--glass-strong: rgba(21, 27, 46, .9);--text: #F8FAFC;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--accent: #818CF8;--accent-hover: #A5B4FC;--accent-dim: rgba(129, 140, 248, .15);--accent-glow: rgba(129, 140, 248, .3);--gradient: linear-gradient(135deg, #818CF8 0%, #A78BFA 100%);--green: #34D399;--green-dim: rgba(52, 211, 153, .15);--red: #F87171;--red-dim: rgba(248, 113, 113, .15);--amber: #FBBF24;--amber-dim: rgba(251, 191, 36, .15);--border: #252F52;--border-light: #1E2847;--border-bright: #3B4872;--border-focus: #818CF8;--shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 60px rgba(129, 140, 248, .15)}html{font-size:14px;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.5;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out);overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}*:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;z-index:9999;padding:8px 16px;text-decoration:none;font-weight:600;border-radius:0 0 8px;transition:top .2s ease}.skip-link:focus{top:0}::selection{background:var(--accent-dim);color:var(--text)}::-moz-selection{background:var(--accent-dim);color:var(--text)}.font-mono{font-family:SF Mono,JetBrains Mono,Fira Code,monospace}.font-display{font-family:SF Pro Display,Inter,system-ui,sans-serif;letter-spacing:-.02em}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 20px 4px var(--accent-glow)}}@keyframes sonarPing{0%{transform:scale(1);opacity:.5}to{transform:scale(1.8);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes alertSlide{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-fadeInUp{animation:fadeInUp var(--duration-normal) var(--ease-out) both}.animate-fadeInDown{animation:fadeInDown var(--duration-normal) var(--ease-out) both}.animate-slideInRight{animation:slideInRight var(--duration-slow) var(--ease-spring) both}.animate-slideInLeft{animation:slideInLeft var(--duration-slow) var(--ease-spring) both}.animate-scaleIn{animation:scaleIn var(--duration-normal) var(--ease-out) both}.animate-scaleInBounce{animation:scaleInBounce var(--duration-slow) var(--ease-spring) both}.animate-rowFadeIn{animation:rowFadeIn var(--duration-normal) var(--ease-out) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pulseGlow{animation:pulseGlow 2s ease-in-out infinite}.animate-sonarPing{animation:sonarPing 2s ease-out infinite}.animate-shimmer{background-size:200% 100%;animation:shimmer 2s linear infinite}.animate-gradientShift{background-size:200% 200%;animation:gradientShift 3s ease infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-alertSlide{animation:alertSlide var(--duration-slow) var(--ease-spring) both}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.safe-area-all{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.capacitor-app{min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overscroll-behavior:none;touch-action:pan-x pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.capacitor-app .selectable{-webkit-user-select:text;user-select:text}.touch-target{min-height:44px;min-width:44px}.no-overscroll{overscroll-behavior:none;-webkit-overflow-scrolling:touch}.native-active:active{opacity:.7;transform:scale(.98);transition:all .1s ease}body.capacitor-native{overscroll-behavior-y:contain}.keyboard-avoiding{transition:transform .25s ease}.offline-indicator{position:fixed;top:env(safe-area-inset-top);left:0;right:0;background:var(--amber);color:var(--text-inverse);padding:8px 16px;text-align:center;font-size:14px;font-weight:500;z-index:9999;animation:slideInDown var(--duration-normal) var(--ease-out)}.glass{background:var(--glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border)}.glass-strong{background:var(--glass-strong);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid var(--glass-border)}.gradient-accent{background:var(--gradient)}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glow-accent{box-shadow:var(--shadow-glow)}.glow-green{box-shadow:0 0 40px #10b98133}.glow-red{box-shadow:0 0 40px #ef444433}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 0%,var(--bg-elevated) 50%,var(--bg-hover) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.transition-all{transition:all var(--duration-normal) var(--ease-out)}.transition-fast{transition:all var(--duration-fast) var(--ease-out)}.transition-slow{transition:all var(--duration-slow) var(--ease-out)}.transition-colors{transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.transition-transform{transition:transform var(--duration-normal) var(--ease-spring)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:var(--shadow-glow)}@media(max-width:768px){:root{--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}@keyframes twinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:.6;transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatPreview{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-10px) rotateX(2deg)}}@keyframes floatCard{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmerCTA{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f180}}@keyframes counterPop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes textReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.landing-gradient-text{background:linear-gradient(135deg,var(--accent) 0%,#8B5CF6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8)}[data-theme=dark] .landing-glass{background:#141c30b3;border:1px solid rgba(255,255,255,.1)}.cta-shimmer{position:relative;overflow:hidden}.cta-shimmer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%)}.cta-shimmer:hover:after{animation:shimmerCTA .8s ease-out}.smooth-scroll{scroll-behavior:smooth}
