:root{--page:#f7f8fa;--surface:#ffffff;--ink:#0e1117;--ink-2:#3d4455;--ink-3:#8892a4;--rule:#e4e7ee;--radio:#c6ccd8;--blue:#1d4ed8;--blue-btn:#004fef;--blue-hover:#1e40af;--blue-soft:#eff4ff;--blue-sel:#eff6ff;--green:#15803d;--green-bg:#e7f4ec;--red:#b91c1c;--red-bg:#fef2f2;--red-bd:#f3c8c8;--content-max:1408px}@media (prefers-color-scheme:dark){:root{--page:#0c0f15;--surface:#161b24;--ink:#f2f4f8;--ink-2:#c4cad7;--ink-3:#8b94a6;--rule:#2a3140;--radio:#414b5d;--blue:#7da2fa;--blue-btn:#004fef;--blue-hover:#a7c0fc;--blue-soft:#1a2540;--blue-sel:#17233e;--green:#57d98a;--green-bg:#14301e;--red:#f87a7a;--red-bg:#2e1518;--red-bd:#5c2626}}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}.header{background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.08);position:-webkit-sticky;position:sticky;top:0;z-index:20}.header-inner{max-width:var(--content-max);margin:0 auto;min-height:64px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px}.logo{display:inline-flex;align-items:center;color:var(--blue-btn)}.logo svg{display:block;height:22px;width:auto}@media (prefers-color-scheme:dark){.logo{color:#ffffff}}.balance-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:13px;font-weight:600;white-space:nowrap}.balance-dot{width:8px;height:8px;border-radius:999px;background:var(--blue)}.main{max-width:var(--content-max);margin:0 auto;padding:26px 24px 48px}.h1{margin:0;font-size:clamp(26px,4vw,34px);font-weight:800;letter-spacing:-.6px}.sub{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--ink-3);max-width:640px}.packs{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px 24px;align-items:stretch}.card{flex:1 1 216px;max-width:320px;text-align:left;font:inherit;color:inherit;position:relative;background:var(--surface);border:1px solid var(--rule);border-radius:20px;padding:16px 18px;cursor:pointer;transition:border-color .15s}.card:hover{border-color:var(--radio)}.card--selected{border:2px solid var(--blue-btn);padding:15px 17px}.card:focus-visible{outline:2px solid var(--blue-btn);outline-offset:2px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-name{font-size:20px;font-weight:600}.badge{flex:none;padding:6px 12px;border-radius:999px;background:var(--blue-btn);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.4px;line-height:1.2;white-space:nowrap}.price{margin-top:6px;display:flex;align-items:baseline;gap:10px}.price-main{font-size:26px;font-weight:700;letter-spacing:-.5px}.price-note{font-size:14px;color:var(--ink-3)}.save{padding:6px 12px;border-radius:999px;background:var(--green-bg);color:var(--green);font-size:10.5px;font-weight:700;letter-spacing:.4px;line-height:1.2;white-space:nowrap}.features{margin-top:12px;display:flex;flex-direction:column;gap:10px}.feature{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}.feature svg{flex:none;margin-top:3px;color:var(--ink-3)}.note{margin:16px 0 0;text-align:center;font-size:13px;color:var(--ink-3)}.cta-bar{margin-top:28px;display:flex;align-items:center;justify-content:center}.cta-btn{height:50px;padding:0 28px;border:none;border-radius:12px;background:var(--blue-btn);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.cta-btn:hover:not(:disabled){background:var(--blue-hover)}.cta-btn:disabled{opacity:.7;cursor:default}@media (max-width:640px){.cta-btn{flex:1 1}}.error-banner{display:flex;align-items:flex-start;gap:9px;margin-top:20px;padding:12px 14px;border-radius:10px;background:var(--red-bg);border:1px solid var(--red-bd);color:var(--red);font-size:14px;font-weight:600;line-height:1.45}.error-mark{flex:none;width:18px;height:18px;border-radius:999px;background:var(--red);color:var(--red-bg);font-size:12px;font-weight:800;display:inline-flex;margin-top:1px}.error-mark,.state{align-items:center;justify-content:center}.state{min-height:calc(100vh - 64px);display:flex;padding:40px 24px}.state-card{text-align:center;max-width:400px;width:100%}.state-title{margin:0;font-size:26px;font-weight:800;letter-spacing:-.5px}.state-sub{margin:10px 0 26px;font-size:15px;line-height:1.55;color:var(--ink-2)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:52px;padding:0 32px;border:none;border-radius:12px;background:var(--blue-btn);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none}.btn-primary:hover{background:var(--blue-hover);color:#fff;text-decoration:none}.spinner{width:40px;height:40px;margin:0 auto 20px;border:3px solid var(--rule);border-top-color:var(--blue-btn);border-radius:999px;animation:spin .8s linear infinite}.success-check{width:72px;height:72px;border-radius:999px;background:var(--green-bg);color:var(--green);margin:0 auto 22px;display:flex;align-items:center;justify-content:center;animation:popIn .45s ease}@keyframes spin{to{transform:rotate(1turn)}}@keyframes popIn{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}