.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;background:transparent;outline:none;cursor:ew-resize}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:transparent;border:none;cursor:ew-resize}.slider::-moz-range-thumb{width:24px;height:24px;background:transparent;cursor:ew-resize;border:none}html{scroll-behavior:smooth;overflow-anchor:auto;overscroll-behavior:none;overflow-x:hidden}body{-webkit-overflow-scrolling:touch;overflow-x:hidden}::selection{background:#10b9814d;color:#fff}::-moz-selection{background:#10b9814d;color:#fff}.parallax-section{transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.animate-fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .8s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.service-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.service-card:hover{transform:translateY(-4px)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #10b981;border-radius:50%;animation:spin 1s linear infinite}:root{--exbil-primary: #10b981;--exbil-primary-dark: #059669;--exbil-primary-light: #34d399;--exbil-accent: #06b6d4;--exbil-dark: #0f172a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.hero-title{font-size:3rem;line-height:1.1}.hero-subtitle{font-size:1.25rem}}.gradient-text{background:linear-gradient(45deg,#10b981,#06b6d4,#8b5cf6,#10b981);background-size:300% 300%;animation:gradient 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-primary{position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.form-input:focus{box-shadow:0 0 0 3px #10b98126;border-color:#10b981}.section-divider{height:1px;background:linear-gradient(to right,transparent,#10b981,#06b6d4,transparent);margin:2rem 0}.glow-emerald{box-shadow:0 0 20px #10b9814d}.glow-cyan{box-shadow:0 0 20px #06b6d44d}.scroll-snap-container{scroll-snap-type:y proximity}.scroll-snap-section{scroll-snap-align:start}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}section{contain:layout style paint;content-visibility:auto;contain-intrinsic-size:0 500px}main{will-change:scroll-position;contain:layout style}.transition-all{transition-property:transform,opacity}.hover\:shadow-xl:hover{will-change:box-shadow}.flip-card-container{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card-inner{transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.blur-3xl,.blur-2xl,.blur-xl{transform:translateZ(0);will-change:transform;contain:strict}.fixed{transform:translateZ(0);-webkit-transform:translateZ(0)}.pointer-events-none{contain:strict}img{content-visibility:auto}[class*=bg-gradient],[class*=rounded-full][class*=blur]{contain:strict;pointer-events:none}@keyframes riseBubble{0%{transform:translateY(100vh) rotate(0) scale(.8);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(360deg) scale(1.2);opacity:0}}@keyframes sway{0%,to{transform:translate(0)}50%{transform:translate(30px)}}.bubble{animation:riseBubble linear infinite;will-change:transform,opacity}.bubble-1{left:5%;animation-duration:18s;animation-delay:0s}.bubble-2{left:15%;animation-duration:22s;animation-delay:2s}.bubble-3{left:25%;animation-duration:20s;animation-delay:4s}.bubble-4{left:35%;animation-duration:25s;animation-delay:1s}.bubble-5{left:50%;animation-duration:19s;animation-delay:3s}.bubble-6{left:65%;animation-duration:23s;animation-delay:5s}.bubble-7{left:75%;animation-duration:17s;animation-delay:2.5s}.bubble-8{left:85%;animation-duration:21s;animation-delay:.5s}.bubble-9{left:92%;animation-duration:24s;animation-delay:4.5s}.bubble-10{left:45%;animation-duration:26s;animation-delay:6s}@media(prefers-reduced-motion:reduce){.bubble{animation:none;opacity:.3;transform:translateY(0)}.bubble-1{top:20%}.bubble-2{top:40%}.bubble-3{top:60%}.bubble-4{top:30%}.bubble-5{top:50%}.bubble-6{top:70%}.bubble-7{top:25%}.bubble-8{top:45%}.bubble-9{top:65%}.bubble-10{top:35%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.animate-float-slow{animation:floatSlow 8s ease-in-out infinite}@keyframes scroll{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.5}}.animate-scroll{animation:scroll 2s ease-in-out infinite}@keyframes pulseSlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.animate-pulse-slow{animation:pulseSlow 4s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spinSlow 20s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .5s ease-out forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #10b9814d}50%{box-shadow:0 0 40px #10b98180}}.animate-glow-pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animate-blink{animation:blink 1s step-end infinite}.card-hover-lift{transition:transform .3s ease,box-shadow .3s ease}.card-hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.dark .card-hover-lift:hover{box-shadow:0 20px 40px #0000004d}.icon-bounce{transition:transform .3s ease}.icon-bounce:hover{animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes borderGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-border-gradient{background:linear-gradient(90deg,#10b981,#06b6d4,#8b5cf6,#10b981);background-size:300% 300%;animation:borderGradient 4s ease infinite}.hover-rotate{transition:transform .5s ease}.hover-rotate:hover{transform:rotate(360deg)}@keyframes textReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.animate-text-reveal{animation:textReveal 1s ease-out forwards}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.animate-morph{animation:morph 8s ease-in-out infinite}@keyframes drawLine{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.animate-draw{stroke-dasharray:100;animation:drawLine 1.5s ease forwards}.count-up{transition:all .5s ease-out}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(-10px) translate(-10px)}75%{transform:translateY(-30px) translate(5px)}}.animate-particle{animation:particleFloat 10s ease-in-out infinite}
