:root{--primary-color: #3B82F6;--primary-hover: #2563EB;--primary-light: #60A5FA;--primary-dark: #1D4ED8;--primary-glow: rgba(59, 130, 246, .5);--dark-bg: #0F172A;--dark-card: rgba(255, 255, 255, .04);--dark-border: rgba(255, 255, 255, .12);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--accent-color: #06B6D4;--accent-glow: rgba(6, 182, 212, .5);--success-color: #10B981;--bg-primary: var(--dark-bg);--bg-card: var(--dark-card);--bg-border: var(--dark-border);--blur-sm: blur(10px);--blur-lg: blur(60px);--glow-sm: 0 0 20px var(--primary-glow);--glow-lg: 0 0 40px var(--primary-glow);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .6s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -2px rgba(0, 0, 0, .15);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .4)}:root{--primary-color: #3B82F6;--primary-hover: #2563EB;--primary-light: #60A5FA;--primary-dark: #1D4ED8;--primary-glow: rgba(59, 130, 246, .25);--accent-color: #06B6D4;--accent-light: #22D3EE;--accent-dark: #0891B2;--accent-glow: rgba(6, 182, 212, .2);--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--info-color: #3B82F6;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-card: rgba(255, 255, 255, .8);--bg-glass: rgba(255, 255, 255, .5);--border-light: rgba(15, 23, 42, .08);--border-medium: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .16);--text-primary: rgba(15, 23, 42, .95);--text-secondary: rgba(15, 23, 42, .75);--text-tertiary: rgba(15, 23, 42, .55);--text-muted: rgba(15, 23, 42, .4);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 8px 16px rgba(15, 23, 42, .08), 0 4px 8px rgba(15, 23, 42, .05);--shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 10px 10px -5px rgba(15, 23, 42, .04);--shadow-xl: 0 25px 50px -12px rgba(15, 23, 42, .12);--shadow-colored: 0 10px 30px -5px rgba(59, 130, 246, .2);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-back: cubic-bezier(.68, -.6, .32, 1.6);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);scroll-padding-top:80px;transition:background-color .3s ease,color .3s ease;width:100%;overflow-x:hidden;max-width:100vw}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;position:relative}.landing-page{min-height:100vh;overflow-x:hidden;background-color:var(--bg-primary);transition:background-color var(--transition-base);width:100%;position:relative;max-width:100%;box-sizing:border-box}.container{max-width:1280px;margin:0 auto;padding:0 2rem;box-sizing:border-box;width:100%}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}.glass{background:var(--bg-card);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--bg-border)}.glass-hover:hover{background:#0000000d;border-color:#00000026;transform:translateY(-2px);transition:all .3s cubic-bezier(.4,0,.2,1)}.glow{position:absolute;border-radius:50%;background:var(--primary-glow);filter:var(--blur-lg)}.glow-sm{box-shadow:var(--glow-sm)}.glow-lg{box-shadow:var(--glow-lg)}.gradient-text{background:linear-gradient(to right,var(--text-primary) 20%,var(--text-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bg-grid{display:grid;grid-template-columns:repeat(4,1fr);opacity:.15;pointer-events:none}.bg-line{width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.05) 15%,rgba(0,0,0,.05) 85%,transparent)}::-moz-selection{background:var(--primary-color);color:#fff}::selection{background:var(--primary-color);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:5px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#0003}[dir=rtl]{text-align:right}@media(max-width:1280px){.container{padding:0 1.5rem}}@media(max-width:768px){html{font-size:14px}.container{padding:0 1rem}.landing-page{width:100%;overflow-x:hidden}}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:var(--transition-base)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-10deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out-expo) both}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-smooth) both}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out-expo) both}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out-expo) both}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-bounce-in{animation:bounceIn var(--duration-slow) var(--ease-bounce) both}.animate-rotate-in{animation:rotateIn var(--duration-slow) var(--ease-out-expo) both}.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}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.hover-lift{transition:transform var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth)}.hover-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-colored)}.hover-scale{transition:transform var(--duration-fast) var(--ease-smooth)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--duration-normal) var(--ease-smooth)}.hover-glow:hover{box-shadow:0 0 30px #3b82f666}.magnetic{transition:transform var(--duration-fast) var(--ease-smooth)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-float,.animate-pulse-glow{animation:none!important}}