.credit-card-container{display:flex;flex-direction:column;width:302px;background:rgba(0,0,0,0);gap:14px}.cc-wrapper{align-items:center;justify-content:center;background:var(--typography-primary-color);width:302px;height:187px;cursor:pointer}.cc-wrapper,.credit-card{display:flex;border-radius:10px}.credit-card{font-size:14px;padding:25px;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:linear-gradient(135deg,#2e2e2e 40%,#000000);width:300px;height:185px}.credit-card .credit-card-brand{flex:1 1;align-self:flex-start}.credit-card .credit-card-brand svg{width:100%;height:100%}.form{display:flex;flex-direction:column;gap:20px}.payment-description{padding-bottom:45px}.payment-checkbox{display:flex;gap:10px}.payment-checkbox input[type=checkbox]{background-color:#2e2e2e;border-radius:2px}@media(min-width:768px){.payment-checkbox input[type=checkbox]{margin-left:200px}}.payment-field{display:flex;flex-direction:column;gap:10px;width:100%}@media(min-width:768px){.payment-field{gap:30px;align-items:center;flex-direction:row}}.payment-field__label{color:#c7c7c7}@media(min-width:768px){.payment-field__label{flex-shrink:0;width:170px;font-size:16px}}.payment-field .payment-input{padding:0 10px;border-radius:5px;background-color:#2e2e2e;border:none;width:100%;height:44px;color:#fff;font-size:16px;font-weight:200;line-height:48px}@media(min-width:768px){.payment-field .payment-input{width:306px;width:90vw}}.payment-field__error{margin-top:-15px;color:#ed5e21;font-size:14px}.payment-button{width:-moz-fit-content;width:fit-content;align-self:flex-end;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;height:47px;padding:12px;background:rgba(0,0,0,0);border:1px solid var(--additional-color);border-radius:5px;cursor:pointer;text-transform:uppercase;font-size:16px;color:var(--button-primary-text-color)}.payment-button:hover{border:1px solid rgba(0,0,0,0);background:linear-gradient(var(--background-primary-color),var(--background-primary-color)) padding-box,linear-gradient(0deg,var(--second-gradient-color) 0,var(--first-gradient-color) 100%) border-box}.payment-button:disabled{cursor:default;opacity:.5}.payment-button:disabled,.payment-button:disabled:hover{background:var(--additional-color);border:1px solid var(--additional-color)}.payment-button path{stroke:#fff}.payment-button div{display:flex;justify-content:center;align-items:center;gap:10px}.payment-button-group{display:flex;gap:15px;justify-content:flex-end;align-self:flex-end;width:305px}.payment-button-group__primary{display:flex;flex-grow:1;justify-content:flex-end}.StripeElement--webkit-autofill{background-color:#2e2e2e!important}.pay-modal{min-width:450px;margin:0 auto}.pay-modal__card{position:relative;background:#111;border:1px solid var(--border-overlay);border-radius:16px;padding:32px}.pay-modal__header{text-align:center;margin-bottom:24px}.pay-modal__title{font-size:24px;font-weight:600;color:var(--typography-heading-color);margin-bottom:4px}.pay-modal__subtitle{font-size:14px;color:rgba(255,255,255,.6)}.pay-modal__preview{display:flex;gap:16px;margin-bottom:24px;padding:16px;background:var(--surface-overlay);border-radius:12px;border:1px solid var(--border-overlay)}.pay-modal__preview-thumb{width:7rem;height:5rem;object-fit:cover;border-radius:12px;flex-shrink:0}.pay-modal__preview-info{flex:1 1;min-width:0}.pay-modal__preview-title{font-size:16px;font-weight:500;color:var(--typography-heading-color);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-modal__preview-price{font-size:24px;font-weight:700;color:var(--primary-color)}.pay-modal__actions{margin-bottom:24px}.pay-modal__actions>*+*{margin-top:12px}.pay-modal__confirm{width:100%;background:var(--primary-color);color:#000;padding:12px;border-radius:12px;font-size:14px;font-weight:500;border:0;cursor:pointer;transition:opacity .2s}.pay-modal__confirm:hover{opacity:.9}.pay-modal__confirm:disabled{opacity:.4;cursor:not-allowed}.pay-modal__divider{display:flex;align-items:center;gap:12px}.pay-modal__divider-line{flex:1 1;height:1px;background:var(--border-overlay)}.pay-modal__divider-text{font-size:12px;color:rgba(255,255,255,.6)}.pay-modal__sub-btn{width:100%;background:var(--surface-overlay);color:var(--typography-heading-color);border:1px solid var(--border-overlay);padding:12px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.pay-modal__sub-btn:hover{background:var(--border-overlay)}.pay-modal__benefits{background:var(--surface-overlay);border:1px solid var(--border-overlay);border-radius:12px;padding:16px}.pay-modal__benefits-title{font-size:14px;font-weight:500;color:var(--typography-heading-color);margin-bottom:12px}.pay-modal__benefits-list{list-style:none;margin:0;padding:0}.pay-modal__benefits-list>*+*{margin-top:8px}.pay-modal__benefit{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:rgba(255,255,255,.6)}.pay-modal__benefit svg{color:var(--primary-color);width:16px;height:16px;flex-shrink:0;margin-top:2px}.pay-modal__benefits-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-overlay);font-size:12px;color:var(--typography-heading-color)}.pay-modal__benefits-price{font-weight:500}.pay-modal__benefits-trial{color:rgba(255,255,255,.6)}.pay-modal__terms{text-align:center;margin-top:24px}.pay-modal__terms,.pay-modal__terms-link{font-size:12px;color:rgba(255,255,255,.6)}.pay-modal__terms-link{background:none;border:0;cursor:pointer;padding:0}.pay-modal__terms-link:hover{text-decoration:underline}.pay-modal__error{margin-top:-8px;margin-bottom:12px;color:#ed5e21;font-size:14px;text-align:center}.pay-modal__card-link{display:block;text-align:center;margin-top:16px;font-size:13px;color:rgba(255,255,255,.6);background:none;border:0;cursor:pointer;padding:0}.pay-modal__card-link:hover{color:var(--typography-heading-color)}.sub-modal{width:100%;max-width:32rem;margin:0 auto}.sub-modal__card{position:relative;background:#111;border:1px solid var(--border-overlay);border-radius:16px;padding:32px}.sub-modal__header{text-align:center;margin-bottom:32px}.sub-modal__logo{height:40px;object-fit:contain;margin:0 auto 24px;display:block}.sub-modal__tagline{font-size:14px;color:rgba(255,255,255,.6)}.sub-modal__plan{border:1px solid rgba(255,77,0,.4);background:rgba(255,77,0,.05);border-radius:12px;padding:20px;margin-bottom:24px}.sub-modal__plan-label{font-size:12px;color:var(--primary-color);text-transform:uppercase;margin-bottom:4px}.sub-modal__plan-price{display:flex;align-items:baseline;gap:4px}.sub-modal__plan-amount{font-size:30px;color:var(--typography-heading-color)}.sub-modal__plan-period{font-size:14px;color:rgba(255,255,255,.6)}.sub-modal__plan-note{font-size:12px;color:rgba(255,255,255,.6);margin-top:8px}.sub-modal__benefits{margin-bottom:32px}.sub-modal__benefits>*+*{margin-top:16px}.sub-modal__benefit{display:flex;align-items:flex-start;gap:12px}.sub-modal__benefit-icon{width:32px;height:32px;border-radius:12px;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-modal__benefit-icon svg{width:16px;height:16px;color:var(--primary-color)}.sub-modal__benefit-title{font-size:14px;color:var(--typography-heading-color)}.sub-modal__benefit-desc{font-size:12px;color:rgba(255,255,255,.6)}.sub-modal__cta{width:100%;background:var(--primary-color);color:#000;padding:12px;border-radius:12px;font-size:14px;font-weight:500;border:0;cursor:pointer;transition:opacity .2s}.sub-modal__cta:hover{opacity:.9}.sub-modal__cta:disabled{opacity:.4;cursor:not-allowed}.sub-modal__terms{text-align:center;margin-top:16px}.sub-modal__terms,.sub-modal__terms-link{font-size:12px;color:rgba(255,255,255,.6)}.sub-modal__terms-link{background:none;border:0;cursor:pointer;padding:0}.sub-modal__terms-link:hover{text-decoration:underline}.sub-modal__error{margin-bottom:12px;color:#ed5e21;font-size:14px;text-align:center}.sub-modal__card-link{display:block;text-align:center;margin-top:16px;font-size:13px;color:rgba(255,255,255,.6);background:none;border:0;cursor:pointer;padding:0}.sub-modal__card-link:hover{color:var(--typography-heading-color)}.payment-methods{display:flex;flex-direction:column;gap:24px;width:100%;overflow:visible}.payment-card{max-width:28rem}.payment-card__empty{display:flex;flex-direction:column;gap:16px;padding:24px;background:rgba(255,255,255,.04);border-radius:.75rem}.payment-card__empty-text{font-size:14px;color:#a8a8a8}.payment-card__add{align-self:flex-start;padding:10px 16px;border:0;border-radius:6px;background:var(--primary-color);color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s ease}.payment-card__add:hover{opacity:.9}.payment-card__item,.payment-card__list{display:flex;flex-direction:column;gap:12px}.payment-card__item{padding:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:.75rem}.payment-card__item_default{border-color:rgba(255,77,0,.4)}.payment-card__item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.payment-card__primary-label{font-size:11px;text-transform:uppercase;color:#a8a8a8;margin-bottom:4px}.payment-card__title{font-size:16px;font-weight:500;color:#fff}.payment-card__item-body{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#a8a8a8}@media(min-width:768px){.payment-card__item-body{flex-direction:row;align-items:center;gap:16px}}.payment-card__update{align-self:flex-start;padding:8px 14px;border:1px solid var(--border-overlay);border-radius:6px;background:var(--surface-overlay);color:#fff;font-size:13px;cursor:pointer;transition:background-color .15s ease}.payment-card__update:hover{background:var(--border-overlay)}.payment-card__delete{align-self:flex-start;padding:8px 14px;border:1px solid rgba(239,68,68,.2);border-radius:6px;background:rgba(239,68,68,.1);color:#fca5a5;font-size:13px;cursor:pointer;transition:background-color .15s ease}.payment-card__delete:hover{background:rgba(239,68,68,.2)}.payment-card__add-secondary{margin-top:16px;padding:10px 16px;border:0;border-radius:6px;background:var(--primary-color);color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s ease}.payment-card__add-secondary:hover{opacity:.9}.payment-methods__secure{display:flex;flex-direction:column;gap:4px;max-width:28rem}.payment-methods__secure-title{font-size:14px;font-weight:600;color:#fff}.payment-methods__secure-text{font-size:13px;line-height:1.6;color:#a8a8a8}.payment-methods__empty p{font-size:14px;color:#a8a8a8}.card-sheet-overlay{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.6)}.card-sheet{position:absolute;left:0;right:0;bottom:0;padding:24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:1px solid var(--border-overlay);background:linear-gradient(180deg,#242424,#000000);animation:card-sheet-up .3s ease}@keyframes card-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.card-sheet__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card-sheet__title{font-size:18px;font-weight:600;color:#fff}.card-sheet__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:6px;background:rgba(0,0,0,0);color:#fff;cursor:pointer;transition:background-color .15s ease}.card-sheet__close:hover{background:var(--border-overlay)}.card-sheet__body{max-width:28rem;margin:0 auto}