:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#263244;background:#f7f8fb;font-size:14px}*{box-sizing:border-box}body{margin:0}header{background:#0e0e52;padding:19px 30px}header a{color:white;text-decoration:none;display:flex;gap:20px;align-items:center;font-size:19px;font-weight:750;letter-spacing:-.4px}header span{font-size:12px;font-weight:400;color:#b8bfd8;letter-spacing:0}main{max-width:470px;margin:55px auto;padding:0 20px}.card{background:white;border:1px solid #e0e5ed;border-radius:13px;padding:32px;box-shadow:0 8px 32px #0e0e5205}.symbol{width:40px;height:40px;border:1px solid #dfe7f3;color:#0075f0;border-radius:10px;display:grid;place-items:center;font-size:23px;margin-bottom:25px}.symbol.success{color:#16884a;border-color:#cde8d8;background:#f4fbf6}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.8px;color:#788397;margin:0 0 12px}h1{font-size:32px;line-height:1.15;letter-spacing:-1.2px;color:#0e0e52;margin:0 0 17px}.intro{margin-bottom:26px}p{color:#6e788b;line-height:1.65}strong{color:#344054;overflow-wrap:anywhere}label{font-size:12px;font-weight:600;display:block;margin:20px 0 8px}input{width:100%;border:1px solid #ced6e1;border-radius:6px;padding:12px;font:inherit;color:#263244;background:white}button,.primary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;font:inherit;font-weight:600;border-radius:6px;text-decoration:none;cursor:pointer;margin-top:17px}.primary{background:#0075f0;color:#fff;border:1px solid #0075f0}.primary:hover{background:#0063ce}.secondary{background:white;border:1px solid #d8dee8;color:#475467;justify-content:center}button:disabled{opacity:.6;cursor:wait}.fine{font-size:11px;line-height:1.7;color:#8a93a3;margin:20px 0 0}.error,.notice{border:1px solid #efd4da;background:#fff8f9;color:#a13147;font-size:12px;border-radius:6px;padding:11px 13px}.notice{border-color:#d5e3db;background:#f5faf7;color:#28784d}.reference{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;flex-wrap:wrap}.reference span{color:#788397;font-size:11px}.reference strong{font-family:ui-monospace,Consolas,monospace;letter-spacing:2px;font-size:15px}.reference small{color:#8b93a1;font-size:10px}.color-bleu{color:#0075f0}.color-vert{color:#15803d}.color-violet{color:#7c3aed}.color-orange{color:#c2610b}.code-input{font-family:ui-monospace,Consolas,monospace;font-size:27px;text-align:center;letter-spacing:9px}.expiry{font-size:11px;margin:9px 0 0;color:#798398}.back{display:block;font-size:11px;text-align:center;margin-top:23px;color:#0075f0;line-height:1.6}a{color:#0075f0}footer{text-align:center;font-size:10px;color:#99a1ae;margin:24px 0}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #0075f0;outline-offset:3px}@media(max-width:500px){header{padding:17px 20px}header span{display:none}main{margin-top:28px}.card{padding:25px}h1{font-size:29px}}