.sp-subscribe-page{min-height:100vh;background:var(--canvas-bg);color:var(--text-primary);font-family:var(--font-ui);display:flex;align-items:center;justify-content:center;padding:var(--space-6);letter-spacing:var(--tracking-tight)}.sp-subscribe-card{position:relative;width:100%;max-width:440px;background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);padding:32px;display:block}.sp-subscribe__close{position:absolute;top:12px;right:12px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-soft);background:transparent;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;font:inherit;cursor:pointer;transition:color var(--dur-fast) var(--ease-soft),background var(--dur-fast) var(--ease-soft)}.sp-subscribe__close:focus-visible,.sp-subscribe__close:hover{color:var(--text-primary);background:var(--surface-hover);outline:none}.sp-subscribe__header{display:flex;align-items:flex-start;gap:14px;margin:0 0 28px}.sp-subscribe__mark{display:block;width:40px;height:40px;flex-shrink:0;margin-top:2px;filter:drop-shadow(0 1px 2px rgba(40,36,28,.08));-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-subscribe__header-text{display:flex;flex-direction:column;min-width:0}.sp-subscribe__title{font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:1.2;margin:0 0 6px}.sp-subscribe__subtitle{line-height:1.45;letter-spacing:var(--tracking-tight)}.sp-subscribe__form{display:block}.sp-subscribe__field{display:flex;flex-direction:column;margin:0 0 22px}.sp-subscribe__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-soft);letter-spacing:var(--tracking-tight);margin:0 0 8px;padding:0}.sp-subscribe__input{padding:12px 14px;background:var(--surface-base);border:1px solid var(--surface-border);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-md);color:var(--text-primary);letter-spacing:var(--tracking-tight);transition:border-color var(--dur-fast) var(--ease-soft);-webkit-appearance:none;-moz-appearance:none;appearance:none}.sp-subscribe__input:focus{outline:none;border-color:var(--text-primary)}.sp-subscribe__input[aria-invalid=true]{border-color:var(--action-alert-bg,#c08a3e)}.sp-subscribe__input:disabled{cursor:progress;opacity:.6}.sp-subscribe__field-hint{color:var(--text-soft)}.sp-subscribe__field-error,.sp-subscribe__field-hint{font-size:var(--text-xs);margin:8px 0 0;letter-spacing:var(--tracking-tight)}.sp-subscribe__field-error{color:var(--action-alert-bg,#c08a3e)}.sp-subscribe__plans-field{border:0;padding:0;margin:0 0 24px;min-width:0}.sp-subscribe__plans{display:flex;flex-direction:column;border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border)}.sp-subscribe__plan{position:relative;cursor:pointer;font-family:inherit;letter-spacing:inherit;color:inherit;text-align:left;padding:18px 14px;display:flex;align-items:center;gap:14px;transition:background var(--dur-fast) var(--ease-soft),color var(--dur-fast) var(--ease-soft)}.sp-subscribe__plan+.sp-subscribe__plan{border-top:1px solid var(--surface-border)}.sp-subscribe__plan:hover{background:var(--surface-hover)}.sp-subscribe__plan-radio{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.sp-subscribe__plan-dot{flex-shrink:0;width:16px;height:16px;border-radius:50%;border:1px solid var(--surface-border);background:var(--surface-base);transition:border-color var(--dur-fast) var(--ease-soft),box-shadow var(--dur-fast) var(--ease-soft)}.sp-subscribe__plan[data-checked] .sp-subscribe__plan-dot{border-color:var(--text-primary);box-shadow:inset 0 0 0 4px var(--text-primary)}.sp-subscribe__plan[data-checked]{background:var(--surface-hover)}.sp-subscribe__plan:has(.sp-subscribe__plan-radio:focus-visible){outline:none;box-shadow:inset 0 0 0 2px var(--text-primary)}.sp-subscribe__plan:has(.sp-subscribe__plan-radio:disabled){cursor:progress;opacity:.55}.sp-subscribe__plan-left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.sp-subscribe__plan-rhythm{font-size:var(--text-md);font-weight:var(--weight-medium);line-height:var(--lh-ui);color:var(--text-primary)}.sp-subscribe__plan-note{font-size:var(--text-caption);line-height:var(--lh-ui);color:var(--text-soft)}.sp-subscribe__plan-right{display:flex;align-items:baseline;gap:var(--space-2);flex-shrink:0}.sp-subscribe__plan-price{font-size:var(--text-md);font-weight:var(--weight-medium);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary)}.sp-subscribe__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;background:var(--text-primary);color:var(--surface-raised);border:0;border-radius:var(--radius-md);padding:14px 16px;font-family:var(--font-ui);font-size:var(--text-md);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);cursor:pointer;transition:background var(--dur-fast) var(--ease-soft),transform var(--dur-fast) var(--ease-soft);margin:0 0 18px}.sp-subscribe__submit:hover:not(:disabled){background:var(--text-soft)}.sp-subscribe__submit:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-raised),0 0 0 4px var(--text-primary)}.sp-subscribe__submit:disabled{cursor:progress;opacity:.6}.sp-subscribe__bottom{margin:0 0 16px;text-align:center;font-size:var(--text-2xs);color:var(--text-soft);letter-spacing:0}.sp-subscribe__bottom a{color:var(--text-soft);text-decoration:none;transition:color var(--dur-fast) var(--ease-soft)}.sp-subscribe__bottom a:hover{color:var(--text-primary)}.sp-subscribe__footer{margin:0;display:flex;justify-content:center;font-size:var(--text-caption);line-height:var(--lh-ui)}.sp-subscribe__stage-b{display:block}.sp-subscribe__stage-b--hidden{position:absolute;left:32px;right:32px;top:32px;visibility:hidden;pointer-events:none}.sp-subscribe__pay-form{display:block}.sp-subscribe__pay-element{margin:0 0 22px}.sp-subscribe__back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0;cursor:pointer;color:var(--text-soft);font-family:inherit;font-size:inherit;letter-spacing:inherit;text-decoration:none;transition:color var(--dur-fast) var(--ease-soft)}.sp-subscribe__back:hover{color:var(--text-primary)}.sp-subscribe__already{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:var(--space-4) 0 0;text-align:center}.sp-subscribe__already-text{font-size:var(--text-md);line-height:1.5;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.sp-subscribe__already-text strong{font-weight:var(--weight-semi)}.sp-subscribe__already .sp-subscribe__submit{text-decoration:none;text-align:center}.sp-subscribe__subtitle{font-size:var(--text-sm);color:var(--text-soft);line-height:var(--lh-ui);margin:0}.sp-subscribe__verify-form{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.sp-subscribe__verify-label{display:flex;flex-direction:column;gap:var(--space-1)}.sp-subscribe__verify-label-text{font-size:var(--text-base,16px);font-weight:var(--weight-medium,500);color:var(--text-primary);text-align:center}.sp-subscribe__verify-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:18px;letter-spacing:8px;text-align:center;padding:var(--space-2) var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-primary);min-height:44px}.sp-subscribe__verify-code:focus-visible{outline:2px solid var(--accent,#5B5BC4);outline-offset:2px}.sp-subscribe__verify-code[aria-invalid=true]{border-color:#c25d5d}.sp-subscribe__verify-error{margin:0;font-size:var(--text-sm);color:#c25d5d}.sp-subscribe__verify-aux{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-soft)}.sp-subscribe__verify-link{background:none;border:0;padding:0;cursor:pointer;color:var(--accent,#5B5BC4);text-decoration:underline;font:inherit}.sp-subscribe__verify-link:disabled{cursor:default;color:var(--text-soft);text-decoration:none}.sp-subscribe__verify-aux-sep{color:var(--text-soft)}
/*# sourceMappingURL=1c54c55f7ab17d66.css.map*/