:root{color-scheme:light;--ink:#10272e;--muted:#5e7076;--accent:#57c7ee;--line:#dce4e6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f7f9f9;font-synthesis:none}
.cancel{background:transparent;color:var(--muted);font-size:12px;min-height:44px;padding:8px}.cancel:hover{background:#eaf1f3}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}a{color:inherit}button,a.button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #087aa1;outline-offset:4px}[hidden]{display:none!important}
.brand{width:min(100%,1040px);margin:0 auto;padding:30px 36px;display:flex;align-items:center;justify-content:space-between}.brand>a{font-size:34px;letter-spacing:-2px;font-weight:850;text-decoration:none}.brand-dot{color:#0b95c1}.secure-label{font-size:12px;color:var(--muted)}
main{width:min(100%,480px);margin:20px auto 46px;padding:0 24px;flex:1}.purchase-header{animation:enter .35s ease-out}.love-mark{width:60px;height:60px;border-radius:50%;background:#dff4fb;display:grid;place-items:center;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#26748b;margin:0 0 12px}h1{font-size:36px;line-height:1.12;letter-spacing:-1.4px;margin:0;font-weight:750}.description{font-size:15px;line-height:1.55;color:var(--muted);margin:14px 0 28px}.test-mode{background:#fff3d3;padding:9px 12px;border-radius:6px;font-size:12px;color:#745712}
.summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.summary span{font-size:14px;font-weight:650}.summary small{display:block;color:var(--muted);margin-top:6px;font-size:13px}.summary strong{font-size:28px;letter-spacing:-1px;white-space:nowrap}.account{font-size:12px;color:var(--muted);margin:14px 0 24px;overflow-wrap:anywhere}#payment-element{min-height:150px}button,.button{border:0;background:var(--accent);color:var(--ink);min-height:50px;width:100%;padding:14px 20px;border-radius:9px;font:650 15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;text-decoration:none;text-align:center;display:block;transition:background .15s,transform .15s}button:hover,.button:hover{background:#7cd6f4}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:wait}#pay{margin-top:24px}.fine-print{text-align:center;font-size:12px;line-height:1.5;color:var(--muted);margin:13px 0}.terms{font-size:11px;line-height:1.6;color:var(--muted);text-align:center;max-width:330px;margin:18px auto}
.loading{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;padding:24px 0}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:#0b95c1;border-radius:50%;animation:spin .8s linear infinite}.error{color:#a02c35;font-size:14px;line-height:1.55;padding:12px 0}.secondary{background:transparent;border:1px solid var(--line);margin-top:12px}.secondary:hover{background:#eaf1f3}.result{padding-top:24px;border-top:1px solid var(--line);animation:enter .25s ease-out}.result-mark{background:#dff4fb;color:#13728c;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:25px}.result h2{font-size:23px;letter-spacing:-.5px;margin:18px 0 8px}.result p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 24px}footer{border-top:1px solid var(--line);padding:22px 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-size:11px;color:var(--muted)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.brand{padding:22px 24px}main{margin-top:12px}h1{font-size:32px}.love-mark{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}