:root{--brand-primary: #4f50f6;--brand-soft: #eeeeee;--page: #fafafa;--panel: #f5f6f8;--text: #212121;--muted: #757575;--muted-wordmark: #9aa0a6;--muted-heading: #5f6368;--line: #e0e0e0;--success: #05a357;--header-height: 64px}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--page);min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;height:var(--header-height);padding:0 20px;background:#fff;box-shadow:0 4px 8px #00000014;position:relative;z-index:1;flex-shrink:0}.topbar img{height:32px;max-width:180px;object-fit:contain}.topbar span{font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:18px;color:var(--text)}@media(min-width:601px){.topbar{padding:0 108px}}.split{display:grid;grid-template-columns:1fr;min-height:calc(100vh - var(--header-height));flex:1}.pane__inner{padding:32px 20px 48px}.pane--pay{background:#fff;display:flex}.pane--pay .pane__inner{display:flex;flex-direction:column;width:100%;max-width:720px}.pane--summary{order:-1;background:var(--panel)}@media(min-width:901px){.split{grid-template-columns:minmax(0,1fr) minmax(380px,44%)}.pane--summary{order:0}.pane--pay .pane__inner{margin-left:32px;padding:56px 24px 40px}.pane--summary .pane__inner{padding:56px 64px 64px}}.pay-title{font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:18px;line-height:26px;margin:0 0 24px}.method{display:inline-flex;flex-direction:column;align-items:flex-start;gap:10px;align-self:flex-start;min-width:200px;padding:12px 16px;border:1.5px solid var(--brand-primary);border-radius:8px;color:var(--text);font-size:14px;margin-bottom:24px}.method svg{color:var(--brand-primary)}.ssl{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin:0 0 24px}.pay{display:block;width:100%;text-align:center;background:var(--brand-primary);color:#fff;text-decoration:none;font-family:Inter,sans-serif;font-weight:700;font-size:16px;line-height:24px;padding:12px 20px;border-radius:8px}.fine-print{color:var(--muted);font-size:13px;line-height:19px;margin:16px 0 0;text-align:center}.fine-print--start{text-align:left}.pane-footer{margin-top:auto;padding-top:64px}.providers{color:var(--muted-wordmark);font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:15px;letter-spacing:-.2px;margin:0 0 12px}.legal{display:flex;align-items:baseline;gap:28px;color:var(--text);font-size:13px;margin:0}.legal a{color:var(--text);text-decoration:none}.legal a:hover{text-decoration:underline}.osum-title{font-family:Poppins,Inter,sans-serif;font-weight:500;font-size:20px;color:var(--muted-heading);margin:0 0 10px}.osum-price{font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:30px;margin:0 0 32px}.item{display:flex;align-items:flex-start;gap:14px}.item__thumb{flex:0 0 auto;width:44px;height:44px;border-radius:8px;background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center}.item__info{flex:1;min-width:0}.item__title{font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:15px;margin:0 0 2px}.item__meta{color:var(--muted);font-size:13px;line-height:19px;margin:0}.item__price{font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:15px;margin:0}.osum-line{background:var(--line);height:1px;margin:24px 0 16px}.osum-total{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.osum-total strong{font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:16px}.page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px}.card{width:100%;max-width:480px;background:#fff;border-radius:16px;box-shadow:0 6px 8px #00000029;padding:32px 28px}.center{text-align:center}h1{font-family:Poppins,Inter,sans-serif;font-size:20px;font-weight:500;line-height:28px;color:var(--text);margin:0 0 16px}.subtitle{color:var(--muted);font-size:14px;line-height:20px}.spinner{width:36px;height:36px;margin:8px auto 16px;border:3px solid var(--brand-soft);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .9s linear infinite}.check{width:56px;height:56px;margin:4px auto 16px;border-radius:50%;background:var(--success);color:#fff;font-size:30px;line-height:56px}@keyframes spin{to{transform:rotate(360deg)}}.hold{background:#eef7ef;border-radius:12px;text-align:center;padding:18px 16px;margin:0 0 20px}.hold__title{margin:0 0 6px;font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:16px;color:var(--text)}.hold__timer{margin:0;font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:24px;color:var(--brand-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:200;padding:20px}.modal{background:#fff;border-radius:16px;max-width:440px;width:100%;padding:36px 28px 28px;text-align:center;box-shadow:0 12px 40px #00000040}.modal__icon{color:var(--brand-primary)}.modal__title{font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:24px;margin:12px 0 10px}.modal__text{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 24px}.modal__cta{width:100%;border:none;cursor:pointer}.page-footer{flex-shrink:0;max-width:520px;margin:0 auto;width:100%;padding:24px 16px 40px}.legal--center{justify-content:center;color:var(--muted)}.legal--center a{color:var(--muted)}