.lead{font-size:1.1rem}.small{font-size:.875rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.trust{padding-left:1.2rem}.trust li{margin:2px 0}
.packs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border:0;padding:0;margin:0}
.pack .price{font-size:1.4rem;margin:.4rem 0}.pack .now{font-size:1.6rem}.badge{background:#e6f4ea;color:var(--ok);padding:2px 8px;border-radius:99px;font-size:.85rem;margin-left:6px}
.ends{color:var(--warn);font-weight:600}.num{text-align:right;white-space:nowrap}.total th,.total td{border-top:2px solid var(--fg)}
.steps .done{color:var(--ok)}.steps .n{font-weight:700}.steps li{font-size:.9rem}
fieldset.packs legend{font-weight:600;margin-bottom:6px}.choice{display:flex;gap:10px;align-items:flex-start;cursor:pointer;margin:0}.choice input{margin-top:6px}
.errbox{border-color:var(--bad);background:#fdf0ef}.okbox{border-color:var(--ok);background:#effaf2}.warnbox{border:1px solid var(--warn);background:#fff8e5;padding:8px 12px;border-radius:6px}
.testbox{border-style:dashed;background:#fffbea}.testbox form{margin:8px 0}
.policy{background:#f7f9fb}.policy.bad{border-color:var(--bad)}.tick{display:flex;gap:10px;align-items:flex-start;font-weight:600}.tick input{width:24px;height:24px;margin-top:2px;flex:none}
[aria-invalid=true]{border-color:var(--bad);border-width:2px}
.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}
.mcode{font-size:1.1rem;background:#f1f3f6;padding:2px 6px;border-radius:4px;overflow-wrap:anywhere}
.keybox{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95rem;overflow-wrap:anywhere;resize:vertical}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.actions form{margin:0}.next{padding-left:1.3rem}.next li{margin:4px 0}
.bigprice{font-size:1.8rem;font-weight:700;margin:.3rem 0}
.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin 1s linear infinite;vertical-align:-2px}
@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}
@media (max-width:480px){.kv{grid-template-columns:1fr}.actions form,.actions button{width:100%}.packs{grid-template-columns:1fr}}