:root{--blue:#0A2A5E;--blue2:#0B3D91;--blue-light:#EAF0F8;--gold:#EAB308;--gold-dark:#D4A017;--white:#fff;--bg:#F2F3F5;--border:#E5E7EB;--muted:#6B7280;--text:#1F2937}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}
.topbar{background:#fff;border-bottom:3px solid var(--gold);padding:10px 0;position:sticky;top:0;z-index:10}.wrap{max-width:1150px;margin:auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo-img{height:52px;width:auto}.topbar a{color:var(--blue);font-weight:700;text-decoration:none}.topbar a.btn-gestion{background:var(--blue);color:#fff;padding:10px 16px;border-radius:10px}
.hero{background:#fff;padding:28px 0 32px;border-bottom:4px solid var(--gold)}.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero h1{font-size:40px;line-height:1.05;margin:10px 0;color:var(--blue)}.hero h1 span{color:var(--gold-dark)}.hero p{color:var(--muted);line-height:1.6}
.badge{display:inline-flex;gap:6px;background:var(--blue-light);color:var(--blue);border:1px solid #D6E0EE;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:600}.badge-gold{background:#FEF9C3;color:#854D0E;border-color:#FDE68A}
.card{background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(10,42,94,.08);padding:22px;border:1px solid var(--border)}
.grid{max-width:1150px;margin:22px auto 30px;padding:0 20px;display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
label{font-size:13px;font-weight:700;margin:14px 0 6px;display:block} input,select{width:100%;padding:13px 14px;border:1.5px solid var(--border);border-radius:12px;font-size:15px;background:#FBFCFE;outline:none} input:focus{border-color:var(--blue)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.branches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.branche{border:1.5px solid var(--border);border-radius:14px;padding:13px;cursor:pointer;display:flex;gap:10px;align-items:center;background:#fff}.branche.active{border-color:var(--gold);background:var(--blue-light);box-shadow:0 0 0 2px var(--gold)}.branche b{font-size:14px;color:var(--blue)}.branche small{color:var(--muted);font-weight:400}
.garantie{border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.garantie.checked{border-color:var(--blue);background:var(--blue-light)}
.pay{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pay button{border:1.5px solid var(--border);background:#fff;border-radius:14px;padding:14px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:800;color:var(--blue)}.pay button.active{border-color:var(--blue);background:var(--blue-light);box-shadow:0 0 0 2px var(--gold)}
.btn{width:100%;background:var(--blue);color:#fff;border:0;padding:15px;border-radius:13px;font-weight:900;font-size:16px;cursor:pointer;margin-top:18px}.btn:hover{background:var(--blue2)}.btn-gold{background:var(--gold);color:#0A2A5E}
.summary{background:var(--blue);color:#fff}.line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.25);font-size:14px}.total{display:flex;justify-content:space-between;font-size:20px;font-weight:900;margin-top:14px;color:var(--gold)}
.footer{max-width:1150px;margin:10px auto 40px;padding:0 20px;color:var(--muted);font-size:13px;text-align:center}
.success{max-width:640px;margin:40px auto;background:#fff;border-radius:20px;padding:28px;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.08);border-top:5px solid var(--gold)}
.pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill-payee{background:#FEF9C3;color:#854D0E}.pill-attente{background:#F3F4F6;color:#374151}.pill-prov{background:#F3F4F6;color:#854D0E}.pill-edite{background:#FEF9C3;color:#0A2A5E}
@media(max-width:820px){.hero .wrap,.grid{grid-template-columns:1fr}.hero h1{font-size:32px}.row,.branches{grid-template-columns:1fr}.logo-img{height:40px}}