:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#070e1d;color:#e7efff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#15345c 0,transparent 40%),#070e1d}a{color:#6ee3e4}.shell{max-width:1160px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #29405a;padding-bottom:20px}.brand{font-size:22px;font-weight:800;color:white;text-decoration:none}.brand span{color:#7ee6e2}small,.muted{color:#aebdd2}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:42px;padding:65px 0 20px;align-items:start}.hero h1{font-size:clamp(32px,4.5vw,56px);letter-spacing:-.04em;line-height:1.1;margin:15px 0}.hero p{line-height:1.7;color:#bdcfe0}.kicker{color:#65dfd9!important;font-weight:700;letter-spacing:.14em;font-size:12px}.panel,.features>div{background:#0e1b31;border:1px solid #29415d;border-radius:18px;padding:26px;box-shadow:0 12px 28px #0003}.panel h2{margin-top:0}form{display:grid;gap:14px}label{display:grid;gap:8px;font-size:14px;color:#dae5f2}input,textarea,select{width:100%;border:1px solid #3b546e;background:#101e34;color:#f6faff;padding:12px 14px;border-radius:9px;font:inherit}input:focus,textarea:focus,select:focus{outline:2px solid #54cdcb}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-size:12px}.check input{width:auto;flex:none;margin-top:2px}button{background:#40c5c3;color:#061424;border:0;border-radius:10px;padding:13px;font-weight:800;cursor:pointer}button:hover{background:#71e2df}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:30px 0 60px}.features p{color:#adc0d6;line-height:1.5}.success{border:1px solid #3acfa9;background:#103c39;padding:14px;border-radius:9px;margin-bottom:14px}.alert{border:1px solid #f59e83;background:#442920;padding:14px;border-radius:9px;margin-bottom:14px}.honeypot{display:none}footer{border-top:1px solid #29405a;padding:30px 0;color:#8495af;font-size:12px}.admin{max-width:900px;margin:40px auto}.order{padding:18px 0;border-top:1px solid #344b62}.order p{overflow-wrap:anywhere}.logout{max-width:180px;margin:10px 0 30px}@media(max-width:760px){.hero,.features{grid-template-columns:1fr}.hero{padding-top:32px}header{align-items:start;flex-direction:column}.shell{padding:16px}.panel{padding:18px}}

.demo-banner{margin:18px 0;padding:14px 18px;border:2px dashed #e5b96a;color:#ffe3a1;background:#47321b;text-align:center;font-weight:850;letter-spacing:.035em}.demo-checkout{max-width:650px;margin:46px auto}.demo-checkout h1{font-size:32px}.demo-button{display:inline-block;border-radius:10px;padding:14px 18px;background:#40c5c3;color:#061424;font-weight:800;text-decoration:none;margin:12px 0}.button-secondary{background:#233957;color:#e8f5ff;border:1px solid #506783}.button-secondary:hover{background:#2b496c}

.demo-pin{margin:20px 0;padding:18px;border:1px solid #3b526d;border-radius:12px;background:#0b1930}.pin-value{font-size:1.5em;letter-spacing:.12em;color:#5ee3e0}

.photo-preview{display:block;max-width:100%;max-height:230px;object-fit:contain;border:1px solid #3b546e;border-radius:10px;margin-top:8px}.photo-preview[hidden]{display:none}

.message{padding:12px;margin:10px 0;border:1px solid #3b546e;border-radius:10px;background:#101e34;white-space:normal}.message p{overflow-wrap:anywhere;line-height:1.55}details{margin:16px 0}summary{cursor:pointer;color:#6ee3e4}

/* TJDEV V15.7 : présentation du choix PayPal / carte, sans formulaire bancaire local. */
.paiement-moyens{margin:22px 0;padding:22px;border:1px solid #35546c;border-radius:16px;background:#101f35}
.paiement-moyens h2{font-size:1.1rem;margin:0 0 15px}
.paiement-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.paiement-option{background:#f8fafc;border:1px solid #cbd5e1;color:#152338;border-radius:12px;padding:18px;min-height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;text-align:center}
.paiement-option p{margin:0;font-size:.86rem;color:#475569;line-height:1.45}
.paypal-wordmark{display:block;max-width:145px;width:100%;height:38px;object-fit:contain}
.carte-icone{font-size:34px;line-height:1;color:#154f84;border-radius:7px}
.paiement-moyens>.muted{font-size:.88rem;line-height:1.6;margin-bottom:0}
.test-mode{color:#ffe1a2;background:#49331e;padding:12px 15px;border-radius:10px;border:1px solid #976b28}
.paypal-action{display:inline-block;text-align:center;background:#ffcc00!important;color:#061c38!important;border-radius:24px;font-size:1.02rem;box-shadow:0 2px 0 #c99a00}
.paypal-action:hover{background:#ffe164!important}
@media(max-width:620px){.paiement-options{grid-template-columns:1fr}.paiement-option{min-height:110px}}