body,html{margin:0;padding:0;font-family:Poppins,sans-serif;overflow-x:hidden}main{margin-top:3rem}header{position:fixed;top:0;left:0;width:100%;display:flex;flex-direction:column;background:#fffdfb;z-index:1000;transition:transform .3s ease-in-out}header.hide{transform:translateY(-100%)}.header-content{display:flex;justify-content:space-between;padding:0 1rem;align-items:center}.header-logo-link{display:flex;align-items:center;gap:.5rem;width:100%}.header-logo-spiral{width:30px;height:auto;display:block}.header-logo-text{display:none}.header-links{width:100%;display:flex;justify-content:center}.header-contact,.header-qui-nous-sommes{display:none}.header-links a{color:#050a0c;text-decoration:none;white-space:nowrap}.header-login{display:flex;align-items:center;position:relative;justify-content:flex-end;width:7%;margin:0;padding:0}.header-login i{font-size:1.7rem;color:#050a0c}.header-bar-div{flex:1 1;width:100%}.header-bar{top:0;left:0;height:3px;display:block}.header-bar,.hero-div{width:100%;position:relative;overflow:hidden}.hero-div{display:flex;height:100vh;min-height:520px;box-sizing:border-box}.hero-left{flex:1 1 55%;min-width:300px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;-webkit-clip-path:polygon(0 0,75% 0,85% 100%,0 100%);clip-path:polygon(0 0,75% 0,85% 100%,0 100%);opacity:90%}.hero-left .hero-video,.hero-left video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-rotated-background{flex:1 1 45%;background:#ffffff;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:2.5rem;box-sizing:border-box}.hero-text-container{max-width:540px;width:100%;text-align:right;color:#1b0225;z-index:3;position:relative;padding-right:2rem;margin-top:1rem}.hero-logo{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-bottom:1.5rem}.hero-logo-spiral{height:100px;width:auto}.hero-logo-text{height:80px;width:auto}.hero-text-container h1{margin:.25rem 0;font-weight:700;font-size:clamp(1.2rem,3vw,2.4rem);color:#120012}.hero-text-container h3{margin-top:.8rem;font-weight:500;font-size:clamp(1rem,2.6vw,1.4rem);color:#120012}.no-wrap{white-space:nowrap}.hero-text-container>:not(:last-child){margin-bottom:1.5rem}.hero-left:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:2px;pointer-events:none;background:transparent}.hero-text-container>*{opacity:0;animation:fadeIn .8s ease forwards}.hero-text-container>:first-child{animation-delay:.2s}.hero-text-container>:nth-child(2){animation-delay:.5s}.hero-text-container>:nth-child(3){animation-delay:.8s}.hero-text-container>div>h1{opacity:0;animation:fadeIn .8s ease forwards;animation-delay:1.1s}.hero-text-container>div>h3{opacity:0;animation:fadeIn .8s ease forwards;animation-delay:1.4s}.separator-bar{width:100%;position:relative;top:0;left:0;height:3px;overflow:hidden;display:block}.home-entreprise,.home-seo,.home-services{display:flex;flex-direction:column}.home-services-img{position:relative}.lottie-overlay{position:absolute;right:23vw;top:-9rem;width:clamp(100px,27vw,660px);height:clamp(160px,42vw,660px);z-index:2;pointer-events:none;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25));border-radius:12px}.home-seo{background:#fffdfb}.home-entreprise-text,.home-seo-text,.home-services-text{padding:1.5rem;align-items:center;justify-items:flex-start}.home-entreprise-text>:not(ul),.home-seo-text>:not(ul),.home-services-text>:not(ul){text-align:justify}.home-entreprise-img img,.home-seo-img img,.home-services-img img{max-width:100%;height:auto;display:block}.home-entreprise-link,.home-services-link{text-decoration:none;text-align:center}.home-entreprise-link h4,.home-services-link h4{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto;color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#1d57b5,#406fd5 25%,#6096e7 50%,#406fd5 75%,#1d57b5);background-size:200% 100%;background-repeat:repeat;background-position:0 50%;animation:shine 3s linear infinite}.contact-form-intro-text,.contact-form-questions{padding:1rem 3rem;justify-content:center;align-items:center;text-align:center}form{padding:1rem 5rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));align-items:center;justify-content:left;grid-gap:1rem;gap:1rem}footer{margin-top:1rem;justify-content:space-between;gap:1rem;padding:1rem;background:#fffdfb}footer,footer>div:first-of-type{display:flex;flex-direction:column}footer>div:first-of-type{gap:.5rem}footer>div:first-of-type div{display:flex;align-items:center;gap:.7rem;margin:0;padding:0;font-size:120%}footer>div:first-of-type div a{color:#050a0c;white-space:nowrap}footer>div:first-of-type>p{margin-top:-20px}footer>div:last-of-type div{display:flex;align-items:center;gap:1rem}.services-page{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:4rem;padding:4rem 2rem;max-width:1200px;margin:0 auto}.services-page h1{width:100%;text-align:center;font-size:2.5rem;margin-bottom:3rem}.services-page-text{flex:1 1 350px;max-width:800px;font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.6;color:#333}.services-page-text strong{font-weight:700;color:#111}.services-page img{width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.services-page-text>div{display:flex;flex-direction:column;align-items:center;gap:3rem;margin-bottom:4rem}.services-page-text p{flex:2 1;font-size:1rem;line-height:1.7;color:#333;margin:0}.services-page-text img{flex:1 1;max-width:300px;width:110%;height:auto;border-radius:12px;object-fit:cover;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto 0}.services-page-link-1,.services-page-link-2{text-decoration:none}.services-page-link-1 h4{padding:2rem;text-align:center;color:#3f41cd}.autres-services{margin-top:4rem}.services-page-link-2 h4{margin-top:-2rem;text-align:center;color:#3f41cd}.entreprise-page{padding:4rem 2rem;max-width:1000px;margin:0 auto;font-family:Poppins,sans-serif;color:#333}.entreprise-content h1{text-align:center;font-size:2.5rem;margin-bottom:3rem}.entreprise-section{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.entreprise-section p{flex:2 1;font-size:1.1rem;line-height:1.7;margin:0}.entreprise-section img{flex:1 1;max-width:300px;width:100%;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.1)}.entreprise-page-link{text-decoration:none}.entreprise-page-link h4{padding:2rem;font-size:1.2rem;text-align:center;color:#3f41cd}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f9fafb;padding:2rem}.login-card{width:100%;max-width:400px;background:white;border-radius:1rem;box-shadow:0 10px 20px rgba(0,0,0,.05);padding:2rem;box-sizing:border-box}.login-card h2{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;color:#111827}.login-input{width:100%;padding:.75rem 1rem;margin-bottom:1rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.5rem;box-sizing:border-box}.login-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.3)}.login-button{width:100%;padding:.75rem 1rem;background-color:#2563eb;color:white;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s ease}.login-button:hover{background-color:#1d4ed8}.login-button:disabled{background-color:#93c5fd;cursor:not-allowed}.login-error{background-color:#fee2e2;color:#b91c1c;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.login-divider{margin:1.5rem 0;border:none;border-top:1px solid #e5e7eb}.login-switch{text-align:center;font-size:.875rem;color:#374151}.login-alt-button{background:none;border:none;color:#2563eb;font-weight:500;cursor:pointer;margin-top:.5rem}.login-alt-button:hover{text-decoration:underline}.dashboard{padding:2rem;max-width:1000px;margin:0 auto;font-family:Segoe UI,sans-serif}.dashboard-top-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem}.dashboard-balance h3,.dashboard-greetings h3,.dashboard-pay h3{margin:0;font-size:1.2rem;color:#333}.dashboard-balance{font-weight:700;color:#007B5E}.dashboard-pay{background-color:#4deb99;color:white;padding:.7rem 1.2rem;border-radius:6px;cursor:pointer;transition:background-color .3s}.dashboard-pay:hover{background-color:#30e79b}.dashboard-main{display:flex;flex-direction:column;gap:1.5rem}.card.invoice-card{border:1px solid #ddd;border-radius:8px;padding:1.2rem;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05)}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.invoice-header h4{margin:0;font-size:1.1rem;color:#222}.invoice-status{padding:.3rem .7rem;border-radius:4px;font-size:.9rem;font-weight:700}.invoice-status.paid{background-color:#d4edda;color:#155724}.invoice-status.unpaid{background-color:#f8d7da;color:#721c24}.invoice-body p{margin:.5rem 0;font-size:1rem;color:#444}.pay-now-btn{margin-top:1rem;background-color:#28a745;color:white;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.pay-now-btn:hover{background-color:#218838}.payment-success-div{min-height:100vh;background-color:#f0fdf4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.payment-success-div h1{font-size:2rem;color:#15803d;font-weight:700}.payment-success-div h3{font-size:1.5rem;color:#15803d;margin-top:0;margin-bottom:1.5rem;font-weight:700}.payment-success-div button{background-color:#16a34a;color:white;padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.payment-success-div button:hover{background-color:#15803d}.payment-cancel-div{min-height:100vh;background-color:#fdf0f0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.payment-cancel-div h1{font-size:2rem;color:#801515;margin-bottom:1.5rem;font-weight:700}.payment-cancel-div button{background-color:#a31616;color:white;padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.payment-cancel-div button:hover{background-color:#801515}.terms-container{max-width:800px;margin:0 auto;padding:40px 20px;font-family:Arial,sans-serif;line-height:1.7;color:#333}.terms-container h1{font-size:32px;margin-bottom:10px;text-align:center}.terms-container .update-date{text-align:center;font-size:14px;color:#777;margin-bottom:30px}.terms-container section{margin-bottom:40px}.terms-container h2{font-size:20px;margin-bottom:10px;color:#222;border-bottom:1px solid #ddd;padding-bottom:5px}.terms-container p{margin:10px 0}.terms-container ul{margin-top:10px;padding-left:20px}.terms-container li{margin-bottom:8px}.privacy-container{max-width:800px;margin:0 auto;padding:40px 20px;font-family:Arial,sans-serif;line-height:1.7;color:#333}.privacy-container h1{font-size:2em;margin-bottom:.5em}.privacy-container h2{font-size:1.4em;margin-top:1.5em;margin-bottom:.5em;color:#222}.privacy-container p{margin-bottom:1em}.privacy-container ul{margin-left:1.5em;margin-bottom:1em}.privacy-container li{margin-bottom:.5em}.privacy-container a{color:#0066cc;text-decoration:underline}.not-found-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background-color:#f8f8f8;color:#333}.not-found-container h1{font-size:3rem;margin-bottom:1rem}.not-found-container p{font-size:1.2rem;margin-bottom:2rem}.home-link{display:inline-block;padding:.75rem 1.5rem;background-color:#000;color:#fff;text-decoration:none;border-radius:6px;transition:background-color .3s ease}.home-link:hover{background-color:#333}@media (max-width:768px){.dashboard-top-row{flex-direction:column;align-items:flex-start}}@media (min-width:640px){header{position:fixed;top:0;left:0;width:100%;display:flex;flex-direction:column;background:#fffdfb;z-index:1000}.header-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:0 2rem}.header-logo-text{width:80px;height:auto;display:block}.header-logo-link{display:flex;align-items:center;gap:.5rem}.header-links{display:flex;gap:4rem;justify-content:center}.header-contact{display:block}.header-login{display:flex;align-items:center;position:relative;justify-content:flex-end;padding-right:3rem;width:100%}.home-entreprise,.home-seo,.home-services{display:flex;flex-direction:row;align-items:stretch;width:100vw}.home-entreprise-text,.home-seo-text,.home-services-text{flex:1 1;padding:3rem 10rem 3rem 6rem;width:60vw;box-sizing:border-box}.home-entreprise-img,.home-seo-img,.home-services-img{flex:1 1;overflow:hidden;width:40vw}.home-entreprise-img img,.home-seo-img img,.home-services-img img{width:100%;height:100%;object-fit:cover;display:block}.entreprise-section,.services-page-text>div{flex-direction:row}}@media (min-width:805px){footer{flex-direction:row}footer>div:last-of-type{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}footer>div:last-of-type p{margin:0}footer>div:last-of-type p:first-of-type{margin-top:1.8rem}.home-contact-form{background:#fffdfb}.contact-form-intro-text{max-width:400px;justify-self:center}form{justify-self:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;max-width:800px}.form-textarea-label{grid-column:span 2/span 2}}@media (min-width:915px){.header-qui-nous-sommes{display:block}}@media (max-width:640px){.hero-text-container>:not(:last-child){margin-bottom:.75rem}}@media (max-width:900px){.hero-text-container>:not(:last-child){margin-bottom:1rem}.hero-div{flex-direction:column;height:auto;position:relative}.hero-left{-webkit-clip-path:none;clip-path:none;width:100%;height:50vh;flex-basis:auto}.hero-rotated-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.8);border-radius:1rem;padding:1.5rem;width:80%;max-width:500px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:5;display:flex;align-items:center;justify-content:center}.hero-text-container{text-align:center;padding-right:0;color:#120012;display:flex;flex-direction:column;align-items:center}.hero-logo{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.7rem}.hero-logo-spiral{height:60px;width:auto}.hero-logo-text{height:40px;width:auto}.hero-text-container h1{font-size:clamp(1.1rem,4vw,1.8rem);margin:.5rem 0}.hero-text-container h3{font-size:clamp(.9rem,3vw,1.2rem)}.hero-rotated-background{padding:0;border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 20px rgba(255,255,255,.3)}.hero-rotated-background:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(270deg,#ff7f50,#ff6fd8,#4facfe);background-size:400% 400%;border-radius:inherit;z-index:-1;animation:borderShift 5s ease infinite}.hero-text-container{width:calc(100% - 6px);background:#ffffff;border-radius:.8rem;padding:1.5rem;box-sizing:border-box;margin:3px}.lottie-overlay{right:.75rem;bottom:.75rem;width:clamp(80px,22vw,160px);height:clamp(130px,36vw,260px);filter:drop-shadow(0 6px 18px rgba(0,0,0,.2))}}@media (prefers-reduced-motion:reduce){.shiny-text{animation:none}}@keyframes borderShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{transform:translateY(30px)}.fade-in-down,.fade-in-up{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-down{transform:translateY(-30px)}.fade-in-down.visible,.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{transform:translateX(-100px)}.fade-in-left,.fade-in-right{opacity:0;transition:opacity .8s ease-out,transform 1s ease-out}.fade-in-right{transform:translateX(100px)}.fade-in-left.visible,.fade-in-right.visible{opacity:1;transform:translateX(0)}@keyframes shine{0%{background-position:0 50%}to{background-position:-200% 50%}}:root{--background-primary:white;--background-secondary:"";--background-tertiary:#dbeafe;--background-accent:"";--background-compliment:"";--background-gradient:"";--background-muted:#f8fafc;--color-primary:#030615;--color-secondary:"";--color-tertiary:"";--color-accent:"";--color-compliment:"";--color-gradient:"";--color-muted: ;--color-link:#2563eb;--color-link-transparent:rgba(37,99,235,0.1);--color-success:"";--color-warning:"";--color-error:"";--color-info:"";--color-highlight:#fef9c3;--gradient-start:#9580ff;--gradient-end:#80ffea;--border-primary:#f1f5f9;--border-secondary:#bed1e7;--border-highlight:#64748b;--border-tertiary:"";--shadow-dark:"";--shadow-light:"";--shadow-text:"";--padding-small:1rem;--padding-large:2rem;--border-radius-small:0.5rem;--border-radius-large:0.75rem;--highlight-border-radius:0.5rem;--text-selection:""}input,select,textarea{font-family:inherit}span{font-weight:inherit;font-size:inherit;line-height:inherit}button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=submit],select{cursor:pointer}button{color:var(--color-primary);background-color:var(--background-primary);width:-moz-fit-content;width:fit-content;font-family:inherit;font-size:inherit;font-weight:500;padding:.25rem 1.25rem;border:1.5px solid var(--border-secondary);border-radius:var(--border-radius-small);box-shadow:2px 2px 0 0 var(--border-secondary);transition-duration:.2s}button:hover{box-shadow:0 0 0 0 var(--border-secondary);transform:translate(2px,2px)}button[disabled]:hover{box-shadow:2px 2px 0 0 var(--border-secondary);transform:translate(0)}button:disabled,button[disabled]{border:1.5px solid var(--border-secondary);cursor:auto;opacity:.55}label{display:block;font-weight:500}input,select,textarea{font-size:1rem;background-color:#feffff;border:1px solid #aec8ff;color:var(--color-primary);padding:.5rem .75rem;border-radius:var(--border-radius-small);width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:disabled{cursor:not-allowed;opacity:.6}input[type=number].buttonless{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number].buttonless::-webkit-inner-spin-button{display:none;-webkit-appearance:none;appearance:none}input[type=number].buttonless::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox],input[type=radio]{padding:.5rem;width:-moz-fit-content;width:fit-content;vertical-align:middle;position:relative;margin:.5rem .25rem .5rem .5rem}input[type=checkbox]{border-radius:7px;margin-left:0}input[type=radio]{border-radius:100%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--border-secondary)}input[type=range]{vertical-align:middle;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline-style:none;padding:initial;max-width:none;height:2rem;width:3rem}select:is([multiple]){background:none;height:-moz-fit-content;height:fit-content}fieldset:focus-within,input:focus-within,select:focus-within,textarea:focus-within{border-color:var(--border-highlight)}fieldset:hover,input:hover,select:hover,textarea:hover{border-color:var(--border-highlight)}