:root{color-scheme:light;--paper:#fef7e6;--ink:#0a0a0a;--white:#fff;--pink:#ff5ec4;--lime:#c8ff3e;--blue:#1238f5;--muted:#645f55}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk","Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.16em}
.halftone{background-image:radial-gradient(rgba(10,10,10,.2) 1.2px,transparent 1.3px);background-size:14px 14px}
.top{border-bottom:4px solid var(--ink);background:var(--paper)}
.bar{max-width:900px;margin:auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.brand{font-family:"Arial Black",Impact,sans-serif;text-transform:uppercase;font-size:1.25rem;text-decoration:none}
.brand .fr{color:var(--pink)}
.back,.choice{font:800 .78rem/1.2 "Segoe UI",system-ui,sans-serif;text-transform:uppercase;text-decoration:none;color:var(--white);border:3px solid var(--ink);background:var(--blue);padding:.65rem .9rem;box-shadow:4px 4px 0 var(--ink);cursor:pointer}
.back:hover,.choice:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}
.wrap{max-width:900px;margin:auto;padding:2rem 1.25rem 4rem}
h1{font-family:"Arial Black",Impact,sans-serif;text-transform:uppercase;font-size:clamp(2rem,7vw,3.3rem);line-height:1;margin:1rem 0 .45rem;letter-spacing:-.035em}
.rule{height:10px;background:var(--lime);border:3px solid var(--ink);width:150px;margin-bottom:1.6rem}
.intro,.callout{background:var(--white);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:1rem 1.1rem;margin:1rem 0 2rem}
.callout{border-left:10px solid var(--blue);box-shadow:none;margin:1rem 0}
h2{font-family:"Arial Black",Impact,sans-serif;text-transform:uppercase;font-size:1.08rem;margin:2.2rem 0 .6rem;border-left:8px solid var(--pink);padding-left:.65rem;line-height:1.25}
h3{font-size:1rem;margin:1.2rem 0 .3rem}
p,ul,ol{margin:.6rem 0}
li+li{margin-top:.35rem}
.meta{color:var(--muted);font-size:.86rem;margin-bottom:1.5rem}
.table-wrap{overflow-x:auto;border:3px solid var(--ink);background:var(--white);margin:1rem 0}
table{border-collapse:collapse;width:100%;min-width:680px;font-size:.9rem}
th,td{text-align:left;vertical-align:top;padding:.75rem;border-bottom:1px solid #d9d2c5}
th{background:#e8edff;text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}
tr:last-child td{border-bottom:0}
.legal-footer{border-top:4px solid var(--ink);margin-top:3rem;padding-top:1.2rem;font-size:.85rem}
.legal-footer a{font-weight:700}
@media(max-width:560px){.wrap{padding-top:1.2rem}h1{font-size:2.05rem}.back{width:100%;text-align:center}.bar{align-items:stretch}.intro{box-shadow:4px 4px 0 var(--ink)}}

/* Retour sécurisé après le checkout Revolut. La page reste volontairement
   neutre : seul le webhook serveur peut confirmer le paiement. */
.payment-return{min-height:100vh;background:linear-gradient(160deg,#fef7e6 0%,#eef1ff 58%,#f7ffdc 100%)}
.secure-label{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.return-wrap{width:min(100% - 2rem,680px);margin:0 auto;padding:clamp(2rem,7vw,5rem) 0}
.return-card{position:relative;overflow:hidden;background:var(--white);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--blue);padding:clamp(1.4rem,5vw,2.6rem)}
.return-card:before{content:"";position:absolute;inset:0 0 auto;height:9px;background:linear-gradient(90deg,var(--blue) 0 62%,var(--lime) 62% 82%,var(--pink) 82%)}
.return-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e8ffd0;border:3px solid var(--ink);margin:.35rem 0 1rem;box-shadow:4px 4px 0 var(--ink)}
.return-icon span{width:22px;height:12px;border-left:4px solid #197647;border-bottom:4px solid #197647;transform:rotate(-45deg) translate(2px,-2px)}
.return-kicker{display:inline-block;margin:0 0 .75rem;padding:.35rem .6rem;background:#e8edff;color:#1238a5;font-size:.72rem;line-height:1.25;font-weight:900;text-transform:uppercase;letter-spacing:.055em}
.return-card h1{font-size:clamp(2rem,8vw,3.25rem);max-width:12ch;margin:.1rem 0 .8rem}
.return-lead{font-size:1.02rem;color:#37352f;max-width:58ch}
.return-steps{list-style:none;counter-reset:return-step;padding:0;margin:1.7rem 0;display:grid;gap:.75rem}
.return-steps li{counter-increment:return-step;position:relative;padding:.9rem .9rem .9rem 3.5rem;border:2px solid #d9d2c5;background:#fffdf7}
.return-steps li:before{content:counter(return-step);position:absolute;left:.85rem;top:.85rem;width:1.85rem;height:1.85rem;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:var(--white);font-size:.78rem;font-weight:900}
.return-steps strong,.return-steps span{display:block}
.return-steps span{color:var(--muted);font-size:.86rem;margin-top:.15rem}
.return-notice{border-left:8px solid #55b87c;background:#eaf8ee;padding:.85rem 1rem;font-size:.9rem;margin:1.2rem 0}
.return-action{display:block;text-align:center;text-decoration:none;text-transform:uppercase;font-weight:900;background:var(--blue);color:var(--white);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--pink);padding:.95rem 1rem;margin:1.4rem 0 1rem}
.return-action:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--pink)}
.return-action:focus-visible{outline:4px solid var(--lime);outline-offset:3px}
.return-help{text-align:center;color:var(--muted);font-size:.82rem}
.return-help a{font-weight:800;color:var(--blue)}
@media(max-width:560px){.return-wrap{width:min(100% - 1.25rem,680px);padding:1.15rem 0 2rem}.return-card{box-shadow:6px 6px 0 var(--blue);padding:1.25rem}.return-card h1{font-size:2.2rem}.secure-label{font-size:.68rem}.return-steps li{padding-right:.75rem}.return-action{min-height:52px;display:grid;place-items:center}}
