.floating-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#06b6d4,#3b82f6);border-radius:50%;opacity:0;animation:float-particle ease-in-out infinite}@keyframes float-particle{0%,to{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100px) scale(1);opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in-up{animation:fade-in-up .5s ease-out forwards}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(156,163,175,.4);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.6)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:translate-x-1{transform:translateX(.25rem)}@media (max-width:1024px){.grid.lg\:grid-cols-2{grid-template-columns:1fr}.border-l.border-white\/30{border-left:none;border-top:1px solid hsla(0,0%,100%,.3)}.dark .border-l.dark\:border-gray-700\/30{border-left:none;border-top:1px solid rgba(55,65,81,.3)}}@media (prefers-reduced-motion:reduce){.animate-fade-in-up,.animate-pulse,.floating-particles,.particle{animation:none}.group:hover .group-hover\:scale-110,.group:hover .group-hover\:translate-x-1,.hover\:scale-105:hover{transform:none}}.relative.overflow-hidden.group:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .6s}.relative.overflow-hidden.group:hover:before{left:100%}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bg-gradient-to-r.bg-clip-text.text-transparent{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-2xl{box-shadow:0 20px 40px -10px rgba(0,0,0,.2)}.hover\:shadow-xl:hover{box-shadow:0 15px 20px -5px rgba(0,0,0,.1),0 8px 8px -5px rgba(0,0,0,.06)}.dark .shadow-2xl{box-shadow:0 20px 40px -10px rgba(0,0,0,.4)}.dark .hover\:shadow-xl:hover{box-shadow:0 15px 20px -5px rgba(0,0,0,.25),0 8px 8px -5px rgba(0,0,0,.15)}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.backdrop-blur-xl{background-color:hsla(0,0%,100%,.85)}.dark .backdrop-blur-xl{background-color:rgba(0,0,0,.85)}}@media (max-width:640px){.p-6{padding:1rem}.md\:p-8{padding:1.25rem}.lg\:p-10{padding:1.5rem}.text-xl.md\:text-2xl.lg\:text-3xl{font-size:1.25rem;line-height:1.75rem}.text-3xl.md\:text-4xl{font-size:1.875rem;line-height:2.25rem}.w-14.h-14,.w-16.h-16{width:2.5rem;height:2.5rem}.gap-4{gap:.75rem}.space-y-6>*+*{margin-top:1rem}.space-y-3>*+*{margin-top:.75rem}}@media (prefers-contrast:high){.bg-gray-50\/80,.bg-white\/80{background-color:#fff}.dark .bg-gray-800\/80,.dark .bg-gray-900\/80{background-color:#000}.border-gray-200\/50,.border-white\/30{border-color:#d1d5db}.dark .border-gray-600\/30,.dark .border-gray-700\/30{border-color:#374151}}@media print{.absolute,.fixed{position:static}.backdrop-blur-2xl,.backdrop-blur-sm,.backdrop-blur-xl{-webkit-backdrop-filter:none;backdrop-filter:none}.animate-pulse,.animate-spin,.particle{animation:none}.bg-gradient-to-br,.bg-gradient-to-r{background:#f3f4f6}.text-white{color:#000}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes float-delayed{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(-3deg)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-10px) rotate(50deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 8s ease-in-out infinite}.animate-float-slow{animation:float-slow 10s ease-in-out infinite}.bubble{position:absolute;background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,.1) 70%);border-radius:50%;opacity:0;animation:bubble-rise 15s ease-in-out infinite}@keyframes bubble-rise{0%{transform:translateY(0) scale(.5);bottom:-100px;opacity:0}50%{opacity:.8}to{transform:translateY(-800px) scale(1);bottom:100%;opacity:0}}.shadow-4xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.1)}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thumb-cyan-300{scrollbar-color:#67e8f9 transparent}.dark .scrollbar-thumb-gray-600{scrollbar-color:#4b5563 transparent}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#67e8f9;border-radius:3px}.dark ::-webkit-scrollbar-thumb{background:#4b5563}::-webkit-scrollbar-thumb:hover{background:#22d3ee}.dark ::-webkit-scrollbar-thumb:hover{background:#6b7280}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@media (max-width:768px){.animate-float,.animate-float-delayed,.animate-float-slow{animation-duration:4s}.bubble{animation-duration:10s}}.group:hover .bubble{animation-play-state:running}.group .bubble{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.animate-bounce,.animate-float,.animate-float-delayed,.animate-float-slow,.animate-ping,.animate-pulse,.bubble{animation:none}}button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.group:hover{transform:translateY(-8px)}.group:hover .shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.4)}.dark .group:hover .shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.6)}