.cotisation-page{background:#050607;color:#fff}.cotisation-hero{min-height:360px}.cotisation-shell{padding:52px 0 90px;background:radial-gradient(circle at 75% 0,rgba(0,148,255,.10),transparent 34%),#050607}.payment-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.payment-card{background:linear-gradient(145deg,rgba(11,17,22,.98),rgba(5,8,11,.98));border:1px solid rgba(59,119,154,.28);border-radius:24px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.32)}.card-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:#14a9ff;margin-bottom:10px}.payment-card h2{font-size:clamp(22px,3vw,34px);margin:0 0 8px}.muted{color:#9caab3;line-height:1.65}.verify-card form{display:grid;gap:14px;margin-top:23px}.verify-card label{display:grid;gap:7px;color:#dbe4e9;font-size:12px;font-weight:800;letter-spacing:.04em}.verify-card input{width:100%;box-sizing:border-box;border:1px solid #253743;background:#070c10;color:#fff;border-radius:13px;padding:14px 15px;outline:none;font:inherit}.verify-card input:focus{border-color:#14a9ff;box-shadow:0 0 0 3px rgba(20,169,255,.12)}.pay-btn{border:0;border-radius:13px;padding:15px 18px;font-weight:950;letter-spacing:.07em;cursor:pointer}.pay-btn.primary{background:linear-gradient(135deg,#0071c1,#14a9ff);color:#fff;box-shadow:0 12px 34px rgba(0,113,193,.25)}.pay-btn:disabled,.choice-card:disabled{opacity:.55;cursor:wait}.security-note,.helloasso-note{margin-top:18px;font-size:12px;line-height:1.55;color:#83949f}.offer-card.locked{opacity:.72}.member-confirmed{display:flex;gap:13px;align-items:center;padding:14px;border:1px solid rgba(31,202,135,.28);background:rgba(31,202,135,.06);border-radius:15px}.member-confirmed .check{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#18a970;font-weight:950}.member-confirmed div{display:grid}.member-confirmed small,.member-confirmed span{color:#93a5af;font-size:11px}.member-confirmed strong{font-size:18px}.due-box{margin:22px 0;display:flex;justify-content:space-between;align-items:end;padding:18px 0;border-block:1px solid #1b2a33}.due-box small{color:#9babb4;font-weight:800}.due-box strong{font-size:34px;color:#14a9ff}.payment-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.payment-choices:has(.competitor-choice:not(.hidden)){grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card{position:relative;display:grid;text-align:left;gap:6px;min-height:150px;padding:18px;border-radius:18px;border:1px solid #28404e;background:#080e13;color:#fff;cursor:pointer;transition:.18s ease}.choice-card:hover{transform:translateY(-2px);border-color:#14a9ff;box-shadow:0 15px 34px rgba(0,113,193,.17)}.choice-card.featured{background:linear-gradient(145deg,rgba(0,113,193,.18),rgba(8,14,19,.98));border-color:rgba(20,169,255,.55)}.choice-card .choice-title{font-size:12px;font-weight:950;letter-spacing:.08em}.choice-card strong{font-size:26px}.choice-card small{color:#91a3ae}.choice-card .badge{position:absolute;right:12px;top:11px;border-radius:999px;padding:5px 8px;background:#14a9ff;color:#03111a;font-size:9px;font-weight:950}.form-error{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(225,64,75,.10);border:1px solid rgba(225,64,75,.4);color:#ffadb3;font-size:13px}.success-box,.notice-box,.payment-state{padding:16px 18px;border-radius:15px;margin-bottom:18px}.success-box{background:rgba(31,202,135,.08);border:1px solid rgba(31,202,135,.34);color:#9df0ca}.notice-box{background:rgba(255,185,54,.08);border:1px solid rgba(255,185,54,.34);color:#ffd98d}.payment-state{background:rgba(20,169,255,.08);border:1px solid rgba(20,169,255,.3);line-height:1.55}.payment-state.success{border-color:rgba(31,202,135,.4);color:#a3f0cf}.payment-state.error{border-color:rgba(225,64,75,.4);color:#ffadb3}.payment-info{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.payment-info article{display:grid;gap:7px;padding:18px;border:1px solid #172630;border-radius:16px;background:#080d11}.payment-info b{font-size:11px;letter-spacing:.08em;color:#dff3ff}.payment-info span{font-size:12px;line-height:1.55;color:#8496a0}.hidden{display:none!important}@media(max-width:900px){.payment-grid{grid-template-columns:1fr}.payment-info{grid-template-columns:1fr}.payment-choices{grid-template-columns:1fr}.payment-card{padding:21px}.due-box strong{font-size:28px}}

.helloasso-contribution-warning{margin-top:14px;display:grid;gap:7px;padding:16px 18px;border-radius:15px;background:linear-gradient(145deg,rgba(225,64,75,.16),rgba(90,13,20,.13));border:1px solid rgba(255,78,91,.62);box-shadow:0 12px 30px rgba(136,18,28,.12);color:#ffd7da;line-height:1.5}.helloasso-contribution-warning strong{display:block;color:#ff7f89;font-size:13px;font-weight:950;letter-spacing:.015em}.helloasso-contribution-warning span{font-size:12px;color:#f4c5c9}.helloasso-contribution-warning b{color:#fff;font-weight:950}

.choice-card.competitor-choice{background:linear-gradient(145deg,rgba(122,65,255,.20),rgba(15,9,25,.98));border-color:rgba(157,108,255,.68)}.choice-card.competitor-choice:hover{border-color:#a56cff;box-shadow:0 15px 34px rgba(116,58,220,.22)}.choice-card .badge.purple{background:#a56cff;color:#10051f}
@media(max-width:1100px){.payment-choices:has(.competitor-choice:not(.hidden)){grid-template-columns:1fr 1fr}.competitor-choice{grid-column:1/-1}}


/* 1.2.0i — aide identification dossier */
.verify-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.verify-heading-row h2{margin-bottom:8px}.member-help-button{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:1px solid rgba(20,169,255,.6);background:rgba(20,169,255,.10);color:#63c8ff;font-size:20px;font-weight:950;cursor:pointer;display:grid;place-items:center;transition:.18s ease}.member-help-button:hover{background:#14a9ff;color:#03111a;transform:translateY(-1px);box-shadow:0 10px 24px rgba(20,169,255,.22)}
.member-help-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.member-help-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}.member-help-dialog{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;border:1px solid #244354;border-radius:24px;background:linear-gradient(145deg,#0b1218,#05090d);box-shadow:0 35px 100px rgba(0,0,0,.65)}.member-help-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px;border-bottom:1px solid #19313e}.member-help-dialog header small{color:#14a9ff;font-size:10px;font-weight:950;letter-spacing:.14em}.member-help-dialog header h2{margin:6px 0 0;font-size:24px}.member-help-close{border:1px solid #294556;background:#091119;color:#fff;width:38px;height:38px;border-radius:12px;font-size:24px;cursor:pointer}.member-help-content{padding:24px;display:grid;gap:18px}
.demo-member-card{position:relative;width:min(100%,620px);aspect-ratio:85/55;margin:auto;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(20,169,255,.22),transparent 20%),linear-gradient(145deg,#071019,#020406);border:1px solid rgba(52,175,241,.7);box-shadow:0 22px 55px rgba(0,0,0,.45),inset 0 0 55px rgba(0,105,180,.08);font-family:Arial,sans-serif}.demo-member-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 55%,rgba(20,169,255,.06));pointer-events:none}.demo-brand{position:absolute;left:24%;top:8%;display:grid;z-index:2}.demo-brand b{font-size:clamp(17px,3vw,30px);letter-spacing:.03em}.demo-brand b span{color:#14a9ff}.demo-brand small{font-size:clamp(6px,1vw,10px);letter-spacing:.28em;font-weight:900;margin-top:4px}.demo-season{position:absolute;right:5%;top:8%;display:grid;text-align:center;z-index:2}.demo-season small{font-size:8px;font-weight:900}.demo-season b{color:#14a9ff;font-size:clamp(10px,1.8vw,16px)}.demo-photo-empty{position:absolute;left:4%;top:33%;width:24%;height:52%;border:1px solid #14a9ff;border-radius:10px;background:#0a151d;display:grid;place-items:center;color:#456879;font-size:10px;font-weight:900;letter-spacing:.18em}.demo-identity{position:absolute;left:32%;top:33%;width:34%;height:50%;display:flex;flex-direction:column;align-items:flex-start;z-index:2}.demo-identity>small{border:1px solid #14a9ff;border-radius:999px;padding:2px 10px;color:#14a9ff;font-size:7px;font-weight:900;letter-spacing:.14em}.demo-identity>strong{font-size:clamp(14px,3vw,27px);line-height:1.05;margin-top:4px}.demo-identity>strong.surname{color:#14a9ff;margin-top:1px}.demo-number-label{margin-top:auto;color:#14a9ff;font-size:8px;font-weight:900}.demo-member-number{position:relative;margin-top:2px;padding:5px 7px;border:3px solid #ff3d4d;border-radius:8px;color:#fff;font-size:clamp(9px,1.8vw,16px);font-weight:950;letter-spacing:.035em;box-shadow:0 0 0 2px rgba(255,61,77,.15),0 0 20px rgba(255,61,77,.2)}.demo-member-number:after{content:"← VOTRE N°";position:absolute;left:102%;top:50%;transform:translateY(-50%);white-space:nowrap;color:#ff4f5d;font-size:clamp(6px,1vw,9px);font-weight:950;letter-spacing:.05em}.demo-qr{position:absolute;right:5%;top:34%;width:22%;height:48%;background:#fff;border-radius:10px;color:#050607;display:grid;place-items:center;padding:8px;box-sizing:border-box;text-align:center}.demo-qr div{font-size:clamp(24px,5vw,48px);font-weight:950;letter-spacing:-.08em}.demo-qr small{font-size:7px;font-weight:950}.demo-card-footer{position:absolute;left:4%;right:4%;bottom:4%;display:flex;justify-content:space-between;gap:8px;color:#d7e6ef;font-size:clamp(5px,.8vw,8px);font-weight:900;letter-spacing:.05em}.member-number-callout{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:13px;background:rgba(255,61,77,.09);border:1px solid rgba(255,61,77,.45);color:#ff9199}.member-number-callout b{font-size:16px;color:#ff5966}.member-number-callout span{font-size:12px;font-weight:900;letter-spacing:.06em}.member-help-instructions{display:grid;gap:8px}.member-help-instructions p{margin:0;padding:11px 13px;border-radius:11px;background:#091219;border:1px solid #172f3d;color:#c8d6de;font-size:13px;line-height:1.5}.member-help-instructions strong{color:#14a9ff;margin-right:5px}.member-help-instructions b{color:#fff}.member-help-treasurer{margin:0;text-align:center;color:#728994;font-size:10px;line-height:1.5}.member-help-modal.hidden{display:none!important}@media(max-width:620px){.member-help-dialog>header,.member-help-content{padding:18px}.demo-member-card{border-radius:12px}.demo-member-number:after{display:none}.demo-card-footer{display:none}.member-number-callout{gap:5px}.member-help-dialog header h2{font-size:20px}}
