#service-detail-modal .modal-content{background:#ffffff0d!important;backdrop-filter:blur(18px) saturate(115%)!important;-webkit-backdrop-filter:blur(18px) saturate(115%)!important;border-radius:1rem!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;position:relative!important;box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff14!important}#service-detail-modal .modal-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='gs' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop stop-color='%23ffffff' stop-opacity='.25'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23gs)' width='160' height='160'/%3E%3C/svg%3E");background-size:160px 160px}#service-detail-modal .modal-content:before{display:none!important}#service-detail-modal #modal-close-btn{top:1rem!important;right:1rem!important;z-index:100!important}.service-modal-content .flex.items-start.p-3.rounded-xl{background-color:#474b60cc!important;background-image:none!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-radius:.75rem!important;transition:all .3s ease!important;border:none!important;box-shadow:none!important}.service-modal-content .w-5.h-5.rounded-full{background-color:#595d6dcc!important;border:none!important;box-shadow:none!important}.service-modal-content .p-3.rounded-xl.bg-gradient-to-r{background-color:#3b4152e6!important;background-image:none!important;border-radius:.75rem!important;border:none!important;box-shadow:none!important}.service-modal-content h3,.service-modal-content h4{border:none!important;text-shadow:none!important}#service-detail-modal .absolute.bottom-0.left-0.right-0{background-image:linear-gradient(to right,#2b3242f2,#222835f2)!important;border-top:1px solid rgba(255,255,255,.1)!important}#modal-color-bar{position:absolute!important;top:0!important;left:0!important;right:0!important;height:4px!important;z-index:10!important}.strategie-service #modal-close-btn:hover{background-color:#3498db4d!important}.web-service #modal-close-btn:hover{background-color:#ed4c674d!important}.facturation-service #modal-close-btn:hover{background-color:#1abc9c4d!important}.rgpd-service #modal-close-btn:hover{background-color:#2ecc714d!important}.cybersecurite-service #modal-close-btn:hover{background-color:#e67e224d!important}.donnees-service #modal-close-btn:hover{background-color:#2980b94d!important}.processus-service #modal-close-btn:hover{background-color:#f19cb74d!important}#hero-section h1,#hero-section h2,#hero-section h3,#hero-section p,#hero-section li,#hero-section blockquote{text-align:left!important}@keyframes floatAnimation{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes pulseGlow{0%{opacity:.4;filter:brightness(1)}50%{opacity:.7;filter:brightness(1.2)}to{opacity:.4;filter:brightness(1)}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes morphGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.interactive-card{transition:transform .5s cubic-bezier(.23,1,.32,1)}.interactive-card:hover{transform:translateY(-10px) scale(1.02)}.animated-border{position:relative}.animated-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:9999px;padding:2px;background:linear-gradient(220deg,var(--won-pink),transparent 30%,var(--won-blue) 60%,transparent 90%,var(--won-pink));background-size:400% 400%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;animation:morphGradient 8s linear infinite}.morphing-shape{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;animation:morph 8s linear infinite}@keyframes morph{0%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}25%{border-radius:58% 42% 30% 70%/55% 55% 45% 45%}50%{border-radius:35% 65% 60% 40%/60% 30% 70% 40%}75%{border-radius:60% 40% 50% 50%/30% 60% 40%}to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}}.dynamic-glow{box-shadow:0 0 20px var(--won-pink),0 0 60px var(--won-blue);animation:pulseGlow 3s ease-in-out infinite}.card-3d{transform-style:preserve-3d;perspective:1000px}.radiate{position:absolute;border-radius:50%;animation:radiate 4s ease-in-out infinite}@keyframes radiate{0%{transform:scale(.8);opacity:.1}50%{transform:scale(1.2);opacity:.3}to{transform:scale(.8);opacity:.1}}.particle{position:absolute;border-radius:50%;opacity:.3;animation:float 8s infinite}@keyframes float{0%{transform:translateY(0) translate(0) scale(1)}25%{transform:translateY(-30px) translate(15px) scale(1.1)}50%{transform:translateY(-15px) translate(30px) scale(1)}75%{transform:translateY(15px) translate(15px) scale(.9)}to{transform:translateY(0) translate(0) scale(1)}}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#fff0 40%,#ffffff80,#fff0 60%,#fff0);transform:rotate(45deg);transition:all .3s;opacity:0}.shine-effect:hover:after{animation:shine 1.5s forwards;opacity:1}@keyframes shine{0%{top:-100%;left:-100%}to{top:100%;left:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.wave-anim{animation:wave 8s ease-in-out infinite}.wave-anim-alt{animation:wave 8s ease-in-out infinite reverse}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-hover:hover{animation:glitch .5s ease-in-out}.modern-badge{position:relative;overflow:hidden}.modern-badge:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);transform:skew(-25deg);animation:reflectionSweep 10s cubic-bezier(.4,0,.2,1) infinite}@keyframes reflectionSweep{0%{left:-100%}20%,to{left:200%}}@keyframes gradientAnimation{0%{background-position:0% center}to{background-position:200% center}}.animate-gradient-flow{animation:gradientAnimation 10s ease infinite alternate}.service-card-inner{position:relative;overflow:hidden;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);box-shadow:0 12px 30px #00000040,0 6px 12px #0000001f,inset 0 1px #ffffff14}.service-card-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop stop-color='%23ffffff' stop-opacity='.25'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23g)' width='160' height='160'/%3E%3C/svg%3E");background-size:160px 160px}.service-card-inner:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(to right,#ffffff59,#ffffff0f,#ffffff59);opacity:.6;pointer-events:none}@keyframes pulseSlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-pulse-slow{animation:pulseSlow 3s infinite ease-in-out}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shine{animation:shine 2.5s infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(.5deg)}75%{transform:translateY(5px) rotate(-.5deg)}}.float-animation{animation:float 8s ease-in-out infinite}#service-detail-modal{opacity:0;pointer-events:none;transition:opacity .3s ease;visibility:hidden}#service-detail-modal.active{opacity:1;pointer-events:auto;visibility:visible}#service-detail-modal.active .modal-backdrop{opacity:1}@keyframes modalEnter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#service-detail-modal.active .modal-content{animation:modalEnter .4s cubic-bezier(.175,.885,.32,1.275) forwards;transform:translateY(0) scale(1);opacity:1}.service-card:hover{z-index:10}.service-modal-content .flex.items-start.p-4{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.service-modal-content .flex.items-start.p-4:hover{transform:translate(5px);box-shadow:0 4px 12px #00000026;background-color:#ffffff26}#prev-service-btn,#next-service-btn{transition:transform .3s ease,background-color .3s ease;opacity:.7}#prev-service-btn:hover,#next-service-btn:hover{opacity:1;background-color:#fff3}#prev-service-btn:hover{transform:translate(-3px) translateY(-50%)}#next-service-btn:hover{transform:translate(3px) translateY(-50%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-card.visible{animation:fadeInUp .6s ease-out forwards}.service-content-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.service-content-scroll::-webkit-scrollbar{width:6px}.service-content-scroll::-webkit-scrollbar-track{background:transparent}.service-content-scroll::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px;border:2px solid transparent}.service-content-scroll::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}@media (min-height: 800px){#modal-content-container{max-height:650px}}@media (max-height: 800px){#modal-content-container{max-height:500px}}@media (max-height: 600px){#modal-content-container{max-height:350px}}button:focus,a:focus{outline:none;box-shadow:0 0 0 2px #ed4c6766}.service-modal-content .p-4.rounded-xl.bg-gradient-to-r{transition:transform .3s ease,box-shadow .3s ease}.service-modal-content .p-4.rounded-xl.bg-gradient-to-r:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.service-details-btn{cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}.service-details-btn *{pointer-events:none}.contact-btn{transition:transform .3s ease,box-shadow .3s ease}.contact-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px -5px #ed4c674d,0 10px 10px -5px #ed4c6733}.services-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.05' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");pointer-events:none;z-index:-1}#modal-content-container{padding-bottom:60px!important;margin-bottom:10px!important}.modal-content .absolute.bottom-0{background:linear-gradient(to top,#34495e 60%,#34495ee6,#34495e33);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -4px 20px #00000026}#prev-service-btn,#next-service-btn{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}#prev-service-btn:hover,#next-service-btn:hover{transform:scale(1.1);background-color:#ffffff26;box-shadow:0 0 15px #fff3}#prev-service-btn:hover svg{animation:arrow-left .7s ease infinite}#next-service-btn:hover svg{animation:arrow-right .7s ease infinite}@keyframes arrow-left{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}@keyframes arrow-right{0%,to{transform:translate(0)}50%{transform:translate(3px)}}#modal-close-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}#modal-close-btn:hover{transform:rotate(90deg)}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #ffffff4d;background-color:#ffffff1a}50%{box-shadow:0 0 10px #ffffff80;background-color:#ffffff2e}}#service-position{animation:pulse-glow 2s infinite;transition:all .3s ease}.service-modal-content{padding-bottom:10px}.service-modal-content h4{margin-bottom:.75rem!important}.service-modal-content .space-y-3>div{margin-bottom:.5rem!important}.modal-content{padding-bottom:50px!important}#modal-close-btn{transition:all .3s ease}#modal-close-btn:hover{transform:rotate(90deg)!important}#prev-service-btn,#next-service-btn{transition:all .3s ease}#prev-service-btn:hover,#next-service-btn:hover{transform:scale(1.1)!important;background-color:#ffffff26!important;box-shadow:0 0 10px #fff3!important}@keyframes pulse{0%,to{background-color:#ffffff1a}50%{background-color:#fff3}}#service-position{animation:pulse 2s infinite!important}
