.exchange-panel{margin:18px 16px 0;padding:23px 24px;background:#fff;border:1px solid #e5ebf2;border-radius:16px;box-shadow:0 8px 22px #1224480d}.exchange-heading .eyebrow{font-size:9px;letter-spacing:1.1px;color:#2780a3;font-weight:700;margin:0 0 8px}.exchange-heading h2{font-size:20px;letter-spacing:-.4px;margin:0;color:#0a142d}.exchange-heading>p:last-child{font-size:12px;line-height:1.5;color:#66758a;margin:7px 0 18px}#exchange-form{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.form-grid label{display:grid;gap:5px;color:#33435e;font-size:11px;font-weight:700}.form-grid input,.form-grid textarea{width:100%;min-height:39px;border:1px solid #dce4ee;border-radius:8px;background:#fbfcfe;padding:9px 10px;color:#14264d;font:13px Arial;outline:none}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus{border-color:#149fc9;box-shadow:0 0 0 3px #13b8e91c}.form-grid input::placeholder{color:#9aa6b6}.form-grid .full-width{grid-column:1/-1}.consent{display:flex;align-items:flex-start;gap:9px;color:#596981;font-size:11px;line-height:1.5}.consent input{margin:2px 0 0;accent-color:#13a9d4;flex:none}.submit-exchange{width:100%;min-height:45px;border:0;border-radius:9px;background:#0a142d;color:#fff;font:700 13px Arial;cursor:pointer}.submit-exchange:hover{background:#1b2f5e}.submit-exchange:disabled{opacity:.6;cursor:wait}.form-status{margin:-5px 0 0;font-size:11px;line-height:1.5;color:#176e43}.form-status.error{color:#ad3c36}.privacy-note{margin:0;color:#8591a2;font-size:9px;line-height:1.5}@media(max-width:560px){.exchange-panel{margin:14px 13px 0;padding:20px 17px}.exchange-heading h2{font-size:18px}.form-grid{gap:10px 8px}.form-grid label{font-size:10px}.form-grid input,.form-grid textarea{font-size:12px;padding:8px}.consent{font-size:10px}}
.exchange-panel[hidden]{display:none!important}

/* Choix du mode de partage, fiche .vcf, indicatif téléphonique, démo */
.share-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 14px;padding:4px;background:#eef3f8;border-radius:11px}
.share-mode{min-height:40px;border:0;border-radius:8px;background:transparent;color:#33435e;font:700 12px Arial;cursor:pointer}
.share-mode.active{background:#fff;color:#0a142d;box-shadow:0 2px 6px #12244814}
.vcf-panel{display:grid;gap:10px}.vcf-panel[hidden],#exchange-form[hidden]{display:none}
.vcf-guide{margin:0;font-size:12px;line-height:1.5;color:#596981}
.vcf-pick,.vcf-picker{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:9px;background:#13b8e9;color:#fff;font:700 13px Arial;cursor:pointer;border:0}
.vcf-pick input{position:absolute;width:1px;height:1px;opacity:0}
.vcf-picker{background:#0a142d}.vcf-picker[hidden]{display:none}
.vcf-status{margin:0;font-size:11px;color:#176e43}.vcf-status.error{color:#ad3c36}
.phone-row{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:6px}
.phone-row select{width:100%;min-height:39px;border:1px solid #dce4ee;border-radius:8px;background:#fbfcfe;padding:0 6px;color:#14264d;font:12px Arial}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.demo-panel{scroll-margin-top:12px}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}}
.autofill-hint{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#eef8fc;color:#1d5f7a;font-size:12px;line-height:1.5}
.vcf-picker{width:100%;margin:0 0 14px}
.vcf-link{display:block;text-align:center;font-size:11px;color:#2780a3;text-decoration:underline;cursor:pointer}
.vcf-link input{position:absolute;width:1px;height:1px;opacity:0}
.send-popup{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0a142d73;animation:pop-bg .15s ease-out}
.send-popup-card{width:min(100%,340px);background:#fff;border-radius:18px;padding:26px 22px 20px;text-align:center;box-shadow:0 20px 50px #0a142d40;animation:pop-in .2s ease-out}
.send-popup-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font:700 26px Arial;color:#fff;background:#16a36a}
.send-popup-card.ko .send-popup-icon{background:#c2453d}
.send-popup-card h3{margin:0 0 6px;font-size:19px;color:#0a142d}
.send-popup-card p{margin:0 0 18px;font-size:14px;line-height:1.5;color:#4c5b72}
.send-popup-card button{width:100%;min-height:44px;border:0;border-radius:10px;background:#0a142d;color:#fff;font:700 14px Arial;cursor:pointer}
@keyframes pop-in{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}@keyframes pop-bg{from{opacity:0}to{opacity:1}}