:root { --navy:#0a3858; --blue:#0aabe9; --paper:#f7f6f0; --green:#0d5f37; --ink:#12363c; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; color:var(--ink); background:var(--paper); font-family:Manrope, sans-serif; }
.confirmation-page { min-height:100vh; display:grid; grid-template-rows:auto 1fr auto; }
.confirmation-header { display:flex; align-items:center; justify-content:space-between; padding:25px clamp(22px,6vw,95px); background:#fff; }
.confirmation-header img { width:104px; height:auto; display:block; mix-blend-mode:multiply; }
.confirmation-header a { color:var(--navy); font-size:12px; font-weight:800; }
.confirmation-main { display:grid; place-items:center; padding:70px 22px; }
.confirmation-card { width:min(650px,100%); padding:clamp(34px,6vw,70px); background:#fff; text-align:center; box-shadow:0 20px 55px rgba(17,62,69,.09); }
.confirmation-mark { width:62px; height:62px; display:grid; place-items:center; margin:0 auto 25px; border:1px solid #b8dbec; border-radius:50%; background:#eaf7fc; color:var(--blue); font-size:28px; font-weight:700; }
.confirmation-card .eyebrow { margin:0 0 14px; color:#5a7777; font:10px "DM Mono",monospace; letter-spacing:1.3px; text-transform:uppercase; }
.confirmation-card h1 { margin:0 0 18px; color:var(--ink); font-size:clamp(34px,5vw,54px); letter-spacing:-2.7px; line-height:1.06; }
.confirmation-card h1 i { color:var(--blue); font-family:"Playfair Display",Georgia,serif; font-weight:500; }
.confirmation-card > p:not(.eyebrow) { max-width:470px; margin:0 auto; color:#607978; font-size:15px; line-height:1.7; }
.confirmation-note { margin:29px auto 0; padding:14px 16px; max-width:470px; background:#eef6f2; color:#37645b; font-size:12px; line-height:1.55; }
.confirmation-actions { display:flex; justify-content:center; gap:20px; margin-top:32px; }
.confirmation-button { display:inline-block; padding:14px 18px; background:var(--blue); color:#fff; font-size:12px; font-weight:800; }
.confirmation-link { align-self:center; color:var(--navy); font-size:12px; font-weight:800; }
.distributor-page .confirmation-mark { border-color:#b8d9cc; background:#e9f2df; color:var(--green); }
.distributor-page .confirmation-card h1 i { color:var(--green); }
.distributor-page .confirmation-button { background:var(--green); }
.confirmation-footer { padding:22px; color:#647674; text-align:center; font:10px "DM Mono",monospace; letter-spacing:.4px; }
@media(max-width:560px) { .confirmation-actions { flex-direction:column; gap:17px; } .confirmation-link { align-self:auto; } }