.contact-page{background:#04060c}.contact-fond{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60rem 38rem at 78% -8%,rgba(37,99,235,.22),transparent 62%),radial-gradient(40rem 30rem at -10% 30%,rgba(30,58,138,.18),transparent 65%)}.contact-fond:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 720px);mask-image:linear-gradient(180deg,#000 0,transparent 720px)}.contact-surtitre{color:#60a5fa}.contact-accent{background:linear-gradient(100deg,#93c5fd,#60a5fa 45%,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.25rem;padding:0 1.5rem;border-radius:999px;font-size:15px;font-weight:800;white-space:nowrap;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.contact-btn:hover{transform:translateY(-1px)}.contact-btn:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}.contact-btn-principal{color:#fff;background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 10px 30px -8px #2563ebb3,inset 0 1px #fff3}.contact-btn-principal:hover{box-shadow:0 14px 38px -8px #2563ebd9,inset 0 1px #ffffff40}.contact-btn-secondaire{color:#f8fafc;background:#ffffff0a;border:1px solid rgba(148,163,184,.28)}.contact-btn-secondaire:hover{background:#ffffff14;border-color:#94a3b880}.contact-preuves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.08);max-width:36rem}.contact-preuve{display:block;padding:1.25rem 1rem 0 0}.contact-preuve+.contact-preuve{padding-left:1.25rem;border-left:1px solid rgba(255,255,255,.08)}.contact-preuve-chiffre{display:flex;letter-spacing:-.02em}.contact-preuve-libelle{display:block;margin-top:.3rem;font-size:13px;line-height:1.35;color:#94a3b8}a.contact-preuve:hover .contact-preuve-libelle{color:#cbd5e1}.contact-portrait-cadre{position:relative;border-radius:28px;overflow:hidden;background:#0b2a66;border:1px solid rgba(147,197,253,.22);box-shadow:0 40px 100px -30px #000000e6,0 0 0 8px #ffffff06}.contact-portrait-legende{position:absolute;left:14px;right:14px;bottom:14px;padding:1rem 1.1rem;border-radius:18px;background:#040814c7;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.contact-logos{display:grid;grid-template-columns:var(--colonnes);align-items:center;justify-items:center;gap:1.5rem clamp(1rem,2.4vw,2.25rem)}.contact-logos li{display:flex;justify-content:center;width:100%}.contact-logos img{width:auto;height:auto;max-width:100%;max-height:var(--h);filter:brightness(0) invert(1);opacity:.7;transition:opacity .2s ease}.contact-logos img:hover{opacity:.95}.contact-porte{position:relative;display:flex;flex-direction:column;padding:2rem;border-radius:28px;background:linear-gradient(160deg,#ffffff0b,#ffffff04);border:1px solid rgba(255,255,255,.08)}.contact-porte>.mt-8{margin-top:auto;padding-top:2rem}.contact-porte-client{background:radial-gradient(30rem 20rem at 100% 0%,rgba(59,130,246,.22),transparent 70%),linear-gradient(160deg,#14285ab3,#080e20e6);border-color:#60a5fa4d}.contact-porte-icone{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;color:#93c5fd;background:#3b82f624;border:1px solid rgba(96,165,250,.3)}.contact-etapes{display:grid;gap:.85rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.contact-etapes li{display:flex;align-items:flex-start;gap:.85rem;color:#e2e8f0;font-size:15px;line-height:1.5}.contact-etapes li>span{display:grid;place-items:center;flex-shrink:0;width:1.6rem;height:1.6rem;margin-top:-.05rem;border-radius:999px;font-size:12px;font-weight:800;color:#bfdbfe;background:#3b82f629;border:1px solid rgba(96,165,250,.3)}.contact-coord{display:flex;align-items:flex-start;gap:1rem;width:100%;padding:1.35rem 1.35rem 1.35rem 1.25rem;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}a.contact-coord:hover,button.contact-coord:hover{background:#3b82f612;border-color:#60a5fa59;transform:translateY(-1px)}.contact-coord-icone{display:grid;place-items:center;flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:14px;color:#93c5fd;background:#3b82f61f;border:1px solid rgba(96,165,250,.22)}.contact-coord-fleche{color:#475569;transition:color .2s ease,transform .2s ease}.contact-coord:hover .contact-coord-fleche{color:#93c5fd;transform:translate(2px,-2px)}@media(min-width:1024px){.contact-porte{padding:2.75rem}}@media(max-width:639px){.contact-btn{width:100%}.contact-preuve{padding-right:.5rem}.contact-preuve+.contact-preuve{padding-left:.75rem}.contact-preuve-chiffre{font-size:1.3rem}.contact-preuve-chiffre svg{width:.7rem;height:.7rem}.contact-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 1.25rem}.contact-logos img{max-height:calc(var(--h) * .75)}.contact-porte{padding:1.5rem;border-radius:24px}.contact-portrait{max-width:300px}}@media(prefers-reduced-motion:reduce){.contact-btn,.contact-coord,.contact-coord-fleche{transition:none}.contact-btn:hover,.contact-coord:hover{transform:none}}