#certificate-launcher{position:fixed;z-index:80;right:24px;bottom:24px;display:flex;align-items:center;gap:13px;background:#e8d2a8;color:#10212b;border:1px solid #a9915f;border-radius:2px;padding:15px 22px;box-shadow:0 6px 30px #0004;cursor:pointer;font:13px/1.3 Arial,sans-serif;letter-spacing:.03em}#certificate-launcher[hidden]{display:none}#certificate-launcher span:first-child{font-size:25px}#certificate-launcher strong{font-weight:600}#certificate-dialog{position:fixed;inset:0;margin:auto;width:min(760px,calc(100vw - 32px));max-width:760px;max-height:90dvh;overflow:auto;padding:44px 42px 30px;border:1px solid #c6a66c;border-radius:0;background:radial-gradient(ellipse at top,#213749,#0b1c2a 65%);color:#f5eddd;box-shadow:0 30px 100px #0008}#certificate-dialog::backdrop{background:#03101acc;backdrop-filter:blur(5px)}#certificate-dialog .certificate-close{position:absolute;top:12px;right:12px;float:none;margin:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid #c9ae7977;border-radius:50%;background:#0b1c2a;color:#e7d2a9;font:24px/1 Arial;cursor:pointer;z-index:3}#certificate-dialog .certificate-eyebrow{margin:0 0 13px;text-align:center;font:9px/1.6 Arial;letter-spacing:.24em;color:#d0b886}#certificate-dialog h2{font:normal clamp(34px,5vw,50px)/1.05 var(--serif,Georgia,serif);text-align:center;margin:0 0 14px;color:#f5eddd}#certificate-dialog h2 em{color:#e4c998}#certificate-dialog .certificate-intro{font:13px/1.7 Arial;text-align:center;color:#c9cecb;margin:0 0 26px}.certificate-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.certificate-option{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #bfa46a88;padding:25px 18px 20px;background:#102533}.certificate-option.featured{background:#f0e5d0;color:#10212b;border-color:#e1c68e}.certificate-option p{margin:0}.certificate-option .certificate-value-label{font:10px/1.5 Arial;letter-spacing:.1em;text-transform:uppercase;color:#c9bb9c}.certificate-option.featured .certificate-value-label{color:#665536}.certificate-option .certificate-value{font:normal clamp(38px,5vw,54px)/1.1 var(--serif,Georgia,serif);white-space:nowrap;color:#e7ce9d;margin:10px 0 8px}.certificate-option.featured .certificate-value{color:#10212b}.certificate-option .certificate-pay{font:15px/1.6 Arial;color:inherit}.certificate-option .certificate-bonus{margin:19px 0 23px;padding:9px 5px;border-block:1px solid #bfa46a66;width:100%;font:12px/1.6 Arial;color:#e2c895}.certificate-option.featured .certificate-bonus{color:#755526}.certificate-option .certificate-buy{margin-top:auto;display:block;box-sizing:border-box;width:100%;padding:14px 8px;background:#e4cca1;color:#10212b;text-decoration:none;font:12px/1.4 Arial}.certificate-option.featured .certificate-buy{background:#10212b;color:#f2e6d0}.certificate-buy:hover{filter:brightness(1.1)}#certificate-dialog .certificate-note{font:11px/1.7 Arial;text-align:center;color:#b9c3c6;margin:20px 0 0}.certificate-bonus strong{font-weight:600}.certificate-option .certificate-recommend{font:9px/1.4 Arial;color:#806135;letter-spacing:.06em;margin:0 0 12px}.certificate-option:not(.featured){padding-top:50px}body{padding-bottom:80px}@media(max-width:560px){#certificate-dialog{width:calc(100vw - 20px);padding:44px 20px 24px;max-height:92dvh}#certificate-dialog h2{font-size:35px}.certificate-options{grid-template-columns:1fr;gap:12px}.certificate-option,.certificate-option:not(.featured){padding:17px 18px}.certificate-option .certificate-value{font-size:43px;margin:5px 0}.certificate-option .certificate-bonus{margin:12px 0}.certificate-option .certificate-recommend{margin-bottom:7px}#certificate-launcher{bottom:max(12px,env(safe-area-inset-bottom));right:12px;padding:11px 16px;font-size:12px;gap:9px}#certificate-dialog .certificate-intro{margin-bottom:18px;font-size:12px}#certificate-dialog .certificate-note{font-size:10px}}

/* Explain that the bonus increases the certificate value. */
#certificate-launcher .certificate-launcher-copy{display:block;text-align:left;letter-spacing:0}
#certificate-launcher .certificate-launcher-copy strong{display:block;font-size:13px;line-height:1.25}
#certificate-launcher .certificate-launcher-copy small{display:block;margin-top:3px;font-size:11px;line-height:1.25;font-weight:400}

/* Clear directional cue for choosing a certificate. */
#certificate-dialog .certificate-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;min-height:54px;text-align:left;font-size:14px;font-weight:600}
#certificate-dialog .certificate-buy .certificate-choice-arrow{display:block;flex:0 0 32px;width:32px;height:32px;padding:5px;border:1px solid currentColor;border-radius:50%;opacity:1;vertical-align:middle;transition:transform .18s ease}
#certificate-dialog .certificate-buy:hover .certificate-choice-arrow{transform:translateX(3px)}
#certificate-dialog .certificate-buy:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){#certificate-dialog .certificate-choice-arrow{transition:none}}