:root{--comp-ink:#201f1d;--comp-coral:#ff834f;--comp-coral-deep:#e8632b;--comp-paper:#f7f4f0;--comp-night:#14202a;--comp-line:#e4ded8}
body{margin:0;background:var(--comp-paper);color:var(--comp-ink)}
.completion-page{min-height:100vh;padding:54px 20px 80px;background:linear-gradient(145deg,#fff 0%,#fff 48%,#fff5ee 100%)}
.completion-shell{width:min(920px,100%);margin:0 auto;background:#fff;border:1px solid var(--comp-line);padding:54px;box-shadow:0 24px 70px rgba(20,32,42,.08)}
.completion-logo{width:235px;height:auto;margin:0 0 34px}
.completion-kicker{font:800 11px/1.3 var(--body);letter-spacing:.16em;color:var(--comp-coral-deep);margin:0 0 14px;text-transform:uppercase}
.completion-shell h1{font:700 clamp(2.5rem,6vw,4.5rem)/.98 var(--display);letter-spacing:-.035em;margin:0 0 24px;max-width:760px}
.completion-lede{font:400 1.08rem/1.68 var(--body);color:#4d4d4d;max-width:780px;margin:0 0 32px}
.completion-card{background:#fff7f2;border:1px solid #f0d9cc;padding:28px;display:grid;gap:16px}
.completion-card>label:first-child{font:700 .9rem/1.4 var(--body)}
.completion-card input[type=text]{width:100%;box-sizing:border-box;padding:14px 15px;border:1px solid #cabfb8;font:500 1rem var(--body);background:#fff;color:var(--comp-ink)}
.completion-check{display:flex;gap:12px;align-items:flex-start;font:500 .9rem/1.55 var(--body);color:#4d4d4d}.completion-check input{margin-top:4px;accent-color:var(--comp-coral-deep)}
.completion-card .btn{justify-self:start;border:0;cursor:pointer}
.completion-error{margin:0;color:#9d2c1e;font:700 .85rem var(--body)}
.completion-note{font:500 .82rem/1.55 var(--body);color:#666;margin:24px 0 0;padding-left:15px;border-left:3px solid var(--comp-coral)}
.completion-canvas-wrap{background:var(--comp-night);padding:14px;margin:30px 0 24px;overflow:auto}.completion-canvas-wrap canvas{width:100%;height:auto;display:block;background:#fff}
.completion-actions{display:flex;gap:12px;flex-wrap:wrap}.completion-actions button{border:0;cursor:pointer}.completion-actions .btn-secondary{border:1px solid var(--comp-ink);background:#fff;color:var(--comp-ink)}
.completion-status{min-height:24px;font:600 .85rem/1.4 var(--body);color:#4d4d4d;margin:12px 0 0}
@media(max-width:650px){.completion-page{padding:18px 10px 90px}.completion-shell{padding:30px 20px}.completion-logo{width:200px;margin-bottom:26px}.completion-actions .btn,.completion-card .btn{width:100%;text-align:center;justify-content:center}.completion-shell h1{font-size:clamp(2.35rem,11vw,3.2rem)}}