.contact-card{color:var(--color-encre);background:#fff;border-radius:28px;padding:32px 26px;position:relative;box-shadow:0 40px 80px -40px #000000b3}@media (width>=640px){.contact-card{padding:40px}}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-field label{font-size:.86rem;font-weight:600}.contact-field label span{color:var(--color-ardoise);font-weight:400}.contact-field input,.contact-field textarea{background:var(--color-craie);width:100%;font:inherit;color:var(--color-encre);resize:vertical;border:1.5px solid #0000;border-radius:12px;padding:12px 14px;font-size:1rem;transition:border-color .2s,background-color .2s}.contact-field input:hover,.contact-field textarea:hover{border-color:var(--color-brume)}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--color-bleu);background:#fff;outline:none;box-shadow:0 0 0 4px #4c6fff26}.contact-trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-error{background:var(--color-corail-50);color:var(--color-corail-700);border-radius:12px;margin-top:16px;padding:12px 14px;font-size:.92rem}.contact-card .btn:disabled{opacity:.7;cursor:progress}.contact-sent{flex-direction:column;justify-content:center;align-items:flex-start;min-height:360px;display:flex}.contact-sent-icon{background:var(--color-corail);width:64px;height:64px;color:var(--color-encre);animation:pop-in .9s var(--ease-spring) both;border-radius:22.5%;place-items:center;display:grid}