.pay-widget-container{--pay-space-1: 4px;--pay-space-2: 8px;--pay-space-3: 12px;--pay-space-4: 16px;--pay-space-5: 20px;--pay-space-6: 24px;--pay-space-7: 28px;--pay-space-8: 32px;--pay-bg: #f5f5f5;--pay-surface: #ffffff;--pay-border: #e8e8e8;--pay-border-input: #d9d9d9;--pay-text: rgba(0, 0, 0, .88);--pay-text-secondary: rgba(0, 0, 0, .65);--pay-text-tertiary: rgba(0, 0, 0, .45);--pay-accent: #1677ff;--pay-accent-hover: #4096ff;--pay-accent-soft: #f0f7ff;--pay-accent-focus-ring: rgba(22, 119, 255, .12);--pay-disabled: #91caff;--pay-danger: #ff4d4f;--pay-danger-focus: rgba(255, 77, 79, .12);--pay-radius-lg: 12px;--pay-radius-md: 8px;--pay-shadow: 0 4px 6px rgba(0, 0, 0, .07);--pay-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:clamp(var(--pay-space-5),4vw,var(--pay-space-8));background-color:var(--pay-bg);font-family:var(--pay-font);-webkit-font-smoothing:antialiased}.pay-widget-container.mobile{padding:var(--pay-space-4);min-height:calc(100vh - var(--pay-space-4))}.pay-card{background:var(--pay-surface);border-radius:var(--pay-radius-lg);padding:clamp(var(--pay-space-6),4.5vw,var(--pay-space-8));box-shadow:var(--pay-shadow);width:100%;max-width:400px;text-align:left;border:1px solid color-mix(in srgb,var(--pay-border) 85%,transparent)}.mobile .pay-card{padding:var(--pay-space-6);border-radius:var(--pay-radius-lg)}.plans-container{display:flex;flex-direction:column;gap:var(--pay-space-3);margin:0}.plan-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;margin:0;font:inherit;font-family:var(--pay-font);color:inherit;text-align:left;width:100%;box-sizing:border-box;min-height:44px;border:2px solid var(--pay-border);border-radius:var(--pay-radius-md);padding:var(--pay-space-4) var(--pay-space-5);cursor:pointer;position:relative;transition:border-color .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out;display:flex;flex-direction:row;align-items:center;background-color:var(--pay-surface)}.plan-item:hover{border-color:color-mix(in srgb,var(--pay-accent) 45%,var(--pay-border))}.plan-item:focus{outline:none}.plan-item:focus-visible{outline:2px solid var(--pay-accent);outline-offset:2px}.plan-item.selected{border-color:var(--pay-accent);background-color:var(--pay-accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--pay-accent) 20%,transparent)}.plan-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--pay-space-2);width:100%}.plan-name{font-size:.9375rem;font-weight:500;letter-spacing:.01em;color:var(--pay-text-secondary);line-height:1.45}.plan-item.selected .plan-name{color:var(--pay-text)}.plan-price{display:flex;align-items:baseline;gap:2px}.plan-price .currency{font-size:.875rem;font-weight:600;color:var(--pay-accent);vertical-align:baseline}.plan-price .amount{font-size:clamp(1.375rem,3.6vw,1.625rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--pay-accent);transition:opacity .2s ease-out}.plan-item:not(.selected) .plan-price .currency,.plan-item:not(.selected) .plan-price .amount{opacity:.88}.plan-item.selected .plan-price .currency,.plan-item.selected .plan-price .amount{opacity:1}@media (prefers-reduced-motion: reduce){.plan-item,.plan-price .amount{transition:none}}.email-input-container{margin-top:var(--pay-space-7);padding-top:var(--pay-space-7);border-top:1px solid var(--pay-border)}.email-label{display:flex;align-items:flex-start;gap:var(--pay-space-2);margin-bottom:var(--pay-space-3);color:var(--pay-text-secondary);font-size:.875rem;line-height:1.55;font-weight:500}.email-icon{display:inline-flex;color:var(--pay-text-tertiary);flex-shrink:0;margin-top:2px}.email-input{width:100%;box-sizing:border-box;min-height:44px;padding:var(--pay-space-3) var(--pay-space-4);border:1px solid var(--pay-border-input);border-radius:var(--pay-radius-md);font-size:.9375rem;line-height:1.5;color:var(--pay-text);background-color:var(--pay-surface);font-family:var(--pay-font);transition:border-color .2s ease-out,box-shadow .2s ease-out}.email-input::-moz-placeholder{color:var(--pay-text-tertiary)}.email-input::placeholder{color:var(--pay-text-tertiary)}.email-input:hover{border-color:color-mix(in srgb,var(--pay-accent) 35%,var(--pay-border-input))}.email-input:focus{outline:none;border-color:var(--pay-accent);box-shadow:0 0 0 2px var(--pay-accent-focus-ring)}.email-input.error{border-color:var(--pay-danger)}.email-input.error:focus{box-shadow:0 0 0 2px var(--pay-danger-focus)}.error-message{color:var(--pay-danger);font-size:.8125rem;margin-top:var(--pay-space-2);line-height:1.45;font-weight:500}.pay-button{margin-top:var(--pay-space-6);background-color:var(--pay-accent);color:#fff;border:none;border-radius:var(--pay-radius-md);min-height:48px;padding:var(--pay-space-3) var(--pay-space-6);font-size:1rem;font-weight:600;letter-spacing:.02em;font-family:var(--pay-font);cursor:pointer;width:100%;transition:background-color .2s ease-out,box-shadow .2s ease-out,transform .15s ease-out}.pay-button:hover:not(:disabled){background-color:var(--pay-accent-hover);box-shadow:0 6px 16px color-mix(in srgb,var(--pay-accent) 28%,transparent)}.pay-button:active:not(:disabled){transform:translateY(1px)}.pay-button:focus{outline:none}.pay-button:focus-visible{outline:2px solid var(--pay-accent);outline-offset:2px}.pay-button:disabled{background-color:var(--pay-disabled);cursor:not-allowed;box-shadow:none;color:#fff}.pay-button.loading{position:relative;color:transparent}.pay-button.loading:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.35);border-radius:50%;border-top-color:#fff;animation:pay-spin .65s linear infinite}@media (prefers-reduced-motion: reduce){.email-input,.pay-button{transition:none}.pay-button:active:not(:disabled){transform:none}.pay-button.loading:after{animation:none;border-color:#ffffff8c}}@keyframes pay-spin{to{transform:rotate(360deg)}}.pay-title{color:var(--pay-text);margin-bottom:var(--pay-space-6);font-size:1.375rem;font-weight:700;line-height:1.35;letter-spacing:-.02em}.price-section{margin:var(--pay-space-6) 0}.period{color:var(--pay-text-secondary);margin-left:var(--pay-space-1)}.original-price{color:var(--pay-text-tertiary);text-decoration:line-through;font-size:.875rem;margin-left:var(--pay-space-2)}.discount-tag{position:absolute;top:-10px;right:-10px;background-color:var(--pay-danger);color:#fff;padding:var(--pay-space-1) var(--pay-space-2);border-radius:12px;font-size:.75rem;font-weight:500}@media screen and (max-width: 480px){.pay-card{max-width:100%}.plan-price .amount{font-size:1.5rem}.plan-price .currency{font-size:.8125rem}.pay-button{font-size:.9375rem;min-height:46px;padding:var(--pay-space-3) var(--pay-space-5)}.email-input{font-size:1rem;min-height:46px}}@media screen and (max-width: 320px){.plan-item{padding:var(--pay-space-3) var(--pay-space-4)}.plan-name{font-size:.875rem}.plan-price .amount{font-size:1.375rem}}