@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0c0c15;--panel:rgba(25,25,42,.82);--line:rgba(255,255,255,.10);--text:#f7f7ff;--muted:#a5a6bc;--purple:#9874ff;--blue:#55b7ff;--good:#69e2b0;--bad:#ff8c9b}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:'DM Sans',sans-serif;background:radial-gradient(ellipse at 12% 10%,rgba(104,72,220,.24),transparent 35%),radial-gradient(ellipse at 90% 50%,rgba(37,135,211,.15),transparent 34%),linear-gradient(155deg,#0c0c15,#111120 65%,#0c0c15)}
.page-shell{width:min(100% - 32px,680px);margin:0 auto;padding:32px 0 24px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#a17aff,#4c9eff);box-shadow:0 8px 30px #805bff40;color:white;font-family:Manrope,sans-serif;font-weight:800;font-size:23px}.eyebrow{margin:0 0 5px;color:#a8a0ff;font-size:10px;letter-spacing:2px;font-weight:700}.brand h1{margin:0;font:800 17px Manrope,sans-serif;letter-spacing:1.3px}.brand h1 span{color:#a99bff}.hero{padding:42px 0 26px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #a78bfa38;background:#a78bfa12;border-radius:999px;color:#c9bbff;font-size:12px}.pulse{width:7px;height:7px;border-radius:50%;background:#a68cff;box-shadow:0 0 12px #a68cff}.hero h2{margin:17px 0 12px;font:800 clamp(30px,7vw,43px)/1.14 Manrope,sans-serif;letter-spacing:-1.6px}.hero h2 span{background:linear-gradient(90deg,#b8a2ff,#69c9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero>p{max-width:530px;color:var(--muted);font-size:14px;line-height:1.75;margin:0}
.donation-card{padding:clamp(20px,5vw,32px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(30,30,49,.92),rgba(18,18,31,.92));box-shadow:0 24px 80px #0005,inset 0 1px #ffffff08;backdrop-filter:blur(18px)}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:27px}.card-heading h2{font:700 25px Manrope,sans-serif;margin:0;letter-spacing:-.7px}.secure-pill{white-space:nowrap;font-size:10px;color:#a6e9ce;border:1px solid #69e2b02b;background:#69e2b00b;border-radius:99px;padding:8px 10px}.field-label{display:block;margin:18px 0 9px;color:#e5e4f2;font-size:12px;font-weight:600}.field-label span{color:#9293a8;font-weight:400}.field-row{display:grid;grid-template-columns:1fr 130px;gap:12px}.field-row .field-label{margin-bottom:9px}.amount-row{display:grid;grid-template-columns:1fr 130px;gap:12px}.amount-input-wrap{position:relative}.amount-input-wrap input{padding-right:58px!important}.amount-input-wrap span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:12px;color:#a6a4c0;pointer-events:none}
input,select{width:100%;min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(8,8,19,.55);padding:14px;color:var(--text);font:500 14px 'DM Sans',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:#9b7bff;box-shadow:0 0 0 3px #9b7bff20}input::placeholder{color:#6f7087}select{appearance:auto}.amount-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.amount-presets button{border:1px solid #ffffff12;background:#ffffff06;border-radius:10px;padding:10px 4px;color:#c9c8df;font:600 11px 'DM Sans',sans-serif;cursor:pointer;transition:.2s}.amount-presets button:hover,.amount-presets button.active{border-color:#9b7bff99;background:#9b7bff19;color:#ded3ff}
.method-options{display:grid;gap:10px}.method-option{display:flex;align-items:center;gap:12px;min-height:72px;padding:14px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff04;cursor:pointer;transition:.2s}.method-option.selected{border-color:#9d80ff8c;background:linear-gradient(100deg,#9d80ff12,#57b8ff08)}.method-option input{position:absolute;opacity:0;width:1px;height:1px}.method-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#9d80ff17;color:#b8a3ff;font-size:20px}.method-option strong,.method-option small{display:block}.method-option strong{font-size:13px;font-weight:700}.method-option small{margin-top:4px;color:#999ab1;font-size:11px}.radio-dot{margin-left:auto;width:16px;height:16px;border:1px solid #74748f;border-radius:50%;flex:0 0 16px}.method-option.selected .radio-dot{border:5px solid #a38aff}.field-help{font-size:11px;line-height:1.5;color:#9091a8;margin:8px 0 0}.submit-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding:16px 18px;border:0;border-radius:13px;background:linear-gradient(100deg,#8865ef,#4b9feb);color:white;font:700 14px 'DM Sans',sans-serif;box-shadow:0 10px 30px #6d61d32b;cursor:pointer;transition:transform .2s,opacity .2s}.submit-button:hover{transform:translateY(-1px)}.submit-button:disabled{opacity:.6;cursor:wait;transform:none}.submit-button span:last-child{font-size:19px}.legal-note{font-size:10px;line-height:1.6;text-align:center;color:#777991;margin:14px 8px 0}.notice{margin-top:18px;padding:13px 14px;border:1px solid #ffffff17;border-radius:12px;background:#ffffff07;color:#d7d7e8;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.notice.success{border-color:#69e2b044;color:#a9f3d4;background:#69e2b00b}.notice.error{border-color:#ff8c9b44;color:#ffb8c0;background:#ff8c9b0b}.notice.pending{border-color:#70bfff44;color:#b9ddff;background:#70bfff0b}footer{display:flex;justify-content:space-between;gap:12px;color:#777991;font-size:10px;padding:22px 4px 0}
@media(max-width:440px){.page-shell{width:min(100% - 22px,680px);padding-top:23px}.hero{padding-top:32px}.card-heading{align-items:flex-start;flex-direction:column;gap:10px}.field-row,.amount-row{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.amount-presets{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column;align-items:center}.donation-card{border-radius:21px}}

/* SweetAlert2: keep a comfortable margin on narrow phone screens. */
.gbagba-swal-popup{box-sizing:border-box!important;width:min(92vw,32rem)!important;max-width:calc(100vw - 24px)!important;margin:12px!important;padding:clamp(1.1rem,5vw,1.5rem)!important;border-radius:18px!important;overflow-wrap:anywhere}
@media(max-width:420px){.gbagba-swal-popup .swal2-title{font-size:1.25rem!important}.gbagba-swal-popup .swal2-html-container{font-size:.92rem!important;line-height:1.55!important}.gbagba-swal-popup .swal2-actions{width:100%;margin-top:1rem}.gbagba-swal-popup .swal2-confirm{max-width:100%;white-space:normal}}


/* Thème du formulaire aligné sur l'ancienne identité visuelle de l'administration : vert profond, ivoire et or.
   Les dimensions, la structure du formulaire et le comportement JavaScript restent inchangés. */
:root{
  color-scheme: light;
  --bg:#f5f6f4;
  --panel:#ffffff;
  --line:#e1e6e4;
  --text:#202b38;
  --muted:#687582;
  --purple:#176b55;
  --blue:#c5a56a;
  --good:#176b55;
  --bad:#b85b52;
}
html{background:#f5f6f4}
body{
  color:#202b38;
  background:radial-gradient(ellipse at 12% 10%,rgba(197,165,106,.13),transparent 35%),radial-gradient(ellipse at 90% 50%,rgba(23,107,85,.09),transparent 34%),linear-gradient(155deg,#f5f6f4,#edf1ed 65%,#f5f6f4);
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;
}
.brand-mark{background:linear-gradient(135deg,#173b35,#176b55);box-shadow:0 8px 24px #173b3528;color:#fff}
.eyebrow{color:#176b55}
.brand h1{color:#203b33}
.brand h1 span{color:#176b55}
.hero-badge{border-color:#c5a56a70;background:#c5a56a1c;color:#725a2f}
.pulse{background:#176b55;box-shadow:0 0 12px #176b5555}
.hero h2 span{background:linear-gradient(90deg,#176b55,#9a7940);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero>p{color:#687582}
.donation-card{border:1px solid #e1e6e4;border-radius:10px;background:#fff;box-shadow:0 10px 30px #172f2612,inset 0 1px #ffffff;backdrop-filter:none}
.card-heading h2{color:#24352f}
.secure-pill{color:#176b55;border-color:#176b5540;background:#f1f5f2}
.field-label{color:#344258}
.field-label span{color:#778297}
input,select{border-color:#d8e0e4;border-radius:8px;background:#fff;color:#202b38;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}
input:focus,select:focus{border-color:#176b55;box-shadow:0 0 0 3px #176b551a}
input::placeholder{color:#8b969f}
.amount-input-wrap span{color:#687582}
.amount-presets button{border-color:#e1e6e4;background:#f5f7f5;color:#344258;border-radius:8px}
.amount-presets button:hover,.amount-presets button.active{border-color:#176b55;background:#eaf3ee;color:#125340}
.method-option{border-color:#e1e6e4;border-radius:9px;background:#fbfcfb}
.method-option.selected{border-color:#176b55;background:linear-gradient(100deg,#176b5510,#c5a56a12)}
.method-icon{background:#eaf3ee;color:#176b55;border-radius:9px}
.method-option strong{color:#24352f}
.method-option small{color:#687582}
.radio-dot{border-color:#aab5b0}
.method-option.selected .radio-dot{border-color:#176b55}
.field-help{color:#687582}
.submit-button{border-radius:7px;background:linear-gradient(100deg,#176b55,#173b35);box-shadow:0 8px 20px #173b3524;color:#fff}
.submit-button:hover{filter:brightness(1.06)}
.legal-note{color:#778297}
.notice{border-color:#e1e6e4;border-radius:9px;background:#f5f7f5;color:#344258}
.notice.success{border-color:#a9d5bb;color:#14532d;background:#eaf6ee}
.notice.error{border-color:#e7b7b2;color:#982d2d;background:#fff0ef}
.notice.pending{border-color:#d8c79f;color:#725a2f;background:#fbf6e9}
footer{color:#778297}
.gbagba-swal-popup{border-radius:12px!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}