.custom-checkout-container{max-width:500px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:0;height:100%}.custom-checkout-container,.premium-checkout-form{display:flex;flex-direction:column;width:100%;position:relative}.premium-checkout-form{max-width:100%;padding:16px 40px;background-color:#fff;border-radius:8px;margin:0;max-height:100vh}.checkout-title{font-size:20px;font-weight:600;margin-top:0;margin-bottom:10px;text-align:left;color:#9300da}.checkout-account-details{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.price-info{align-items:flex-end}.account-info,.price-info{display:flex;flex-direction:column}.account-name{font-size:17px;font-weight:500;margin:0}.price-amount{font-size:18px;font-weight:600;margin:0}.price-period{font-size:14px;color:#666;margin:0}.checkout-divider{border:none;border-top:1px solid #e0e0e0;margin:16px 0;width:100%}.checkout-timeline{margin-bottom:16px}.timeline-container{display:flex}.timeline-connector{align-items:center;margin-right:12px}.timeline-connector,.timeline-texts{display:flex;flex-direction:column}.timeline-text{height:20px}.timeline-text.second{margin-top:10px}.timeline-dot{width:12px;height:12px;border-radius:50%;border:2px solid #9300da;background-color:#fff}.timeline-dot.filled{background-color:#9300da}.timeline-line{height:20px;margin:0}.promo-code-container{margin-bottom:20px;padding:16px;border-radius:6px;background-color:#f9f9f9;border:1px solid #eee}.promo-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#444}.promo-input-wrapper{position:relative;display:flex}.promo-input{width:100%;height:40px;padding:8px 12px;font-size:14px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.promo-input:focus{outline:none;border-color:#9300da;box-shadow:0 0 0 1px #9300da}.promo-status{margin:8px 0;font-size:14px;font-weight:500}.promo-status.verifying{color:#666;font-style:italic}.promo-status.valid{color:#00843d}.promo-status.invalid{color:#d32f2f}.cancel-notice{font-size:14px;color:#666;margin:0 0 0 24px}.terms-link{text-decoration:none}.terms-link:hover{text-decoration:underline}.checkout-input-group{margin-bottom:24px}.checkout-input-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:#444}.checkout-input-group input{width:100%;height:48px;padding:12px 16px;font-size:16px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;line-height:24px}.checkout-input-group input:focus{outline:none;border-color:#9300da;box-shadow:0 0 0 1px #9300da}.payment-method-section{margin-bottom:32px}.payment-method-title{font-size:16px;font-weight:500;margin-bottom:16px}.payment-methods{border:none;padding:0;margin:0 0 24px}.payment-method{display:flex;align-items:center;padding:16px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:all .2s ease}.payment-method.selected{border-color:#9300da;box-shadow:0 0 0 1px #9300da}.payment-method input{margin-right:12px}.payment-method-content{display:flex;flex-direction:column;flex:1 1}.payment-label{font-size:16px;font-weight:500;margin-bottom:8px}.card-icons{display:flex;align-items:center}.card-icon{margin-right:8px}.card-icon,.paypal-icon img{height:24px}.card-details{padding:16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa;margin-bottom:20px}.StripeElement{height:40px;padding:12px;width:100%;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;transition:box-shadow .15s ease}.StripeElement--focus{box-shadow:0 0 0 1px #7c2af8;border-color:#7c2af8}.StripeElement--invalid{border-color:#fa755a}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#444}.form-control{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.complete-purchase-button{width:100%;padding:16px;background-color:#9300da;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.complete-purchase-button:hover{background-color:#7b00b3}.complete-purchase-button:disabled{background-color:#ccc;cursor:not-allowed}.complete-purchase-button.success{background-color:#28a745;box-shadow:0 2px 10px rgba(40,167,69,.3)}.success-text{display:flex;align-items:center;justify-content:center;gap:8px}.checkmark{width:22px;height:22px;border-radius:50%;display:block;stroke-width:3;stroke:#fff;stroke-miterlimit:10;margin-right:8px;box-shadow:inset 0 0 0 #28a745;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#fff;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #28a745}}.error-message{color:#df1b41;background-color:#fce8ed;padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px}.summary-heading{font-size:20px;font-weight:600;margin-bottom:8px;color:#9300da;text-align:left}.summary-section{background-color:#f9f9f9;padding:20px;border-radius:6px}.summary-section,.summary-timeline{margin-bottom:24px}.total-now{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0}.total-now h3{font-size:16px;font-weight:500}.total-price{font-size:18px;font-weight:600;color:#333;margin:0}.terms-section{font-size:14px;color:#666;margin-bottom:24px;line-height:1.5}.terms-section a{color:#7c2af8;text-decoration:none}.terms-section a:hover{text-decoration:underline}.readonly-email{background-color:#f0f0f0;cursor:not-allowed;color:#777;border-color:#ddd;opacity:.8;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:none!important}.checkout-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;width:100%;max-width:400px;margin-left:auto;margin-right:auto;padding:0 20px}.checkout-step{flex-direction:column;position:relative;z-index:1;width:80px;flex-shrink:0}.checkout-step,.step-number{display:flex;align-items:center}.step-number{width:30px;height:30px;border-radius:50%;background-color:#eee;color:#666;justify-content:center;font-weight:600;margin-bottom:8px;transition:all .3s ease}.step-number svg{color:#fff}.step-label{font-size:14px;color:#666;text-align:center;transition:all .3s ease;margin-top:10px;font-weight:500;white-space:nowrap}.step-active .step-number{background-color:#4caf50;color:#fff}.step-active .step-label{color:#4caf50;font-weight:600}.step-completed .step-number{background-color:#4caf50;color:#fff;position:relative}.step-completed .step-number:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px}.step-line{position:absolute;top:15px;left:45px;right:45px;height:2px;background-color:#eee;z-index:0}.step-line-progress{position:absolute;top:0;left:0;height:100%;background-color:#4caf50;transition:width .3s ease}.checkout-step-content{display:none}.checkout-step-content.active{display:block;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.step-buttons{display:flex;justify-content:space-between;margin-top:30px}.step-buttons .btn-prev{margin-right:20px}.btn-next,.btn-prev{padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-next{background-color:#9300da;color:#fff;border:none}.btn-next:hover{background-color:#7600b3}.btn-prev{background-color:transparent;color:#666;border:1px solid #ddd}.btn-prev:hover{background-color:#f5f5f5}.btn-submit{width:100%;padding:14px;border-radius:6px;background-color:#9300da;color:#fff;font-weight:600;border:none;cursor:pointer;transition:background-color .2s}.btn-submit:hover{background-color:#7600b3}.btn-submit:disabled{background-color:#ddd;cursor:not-allowed}.btn-submit.success:disabled{background-color:#28a745;cursor:default;box-shadow:0 2px 10px rgba(40,167,69,.3)}.premium-checkout-form.single-step{max-width:480px;margin:0 auto;padding:24px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.single-step .checkout-header{text-align:center;margin-bottom:24px}.single-step .checkout-title{font-size:22px;font-weight:700;margin-bottom:8px;text-align:center;color:#333}.single-step .checkout-subtitle{font-size:18px;font-weight:600;margin:0 0 8px;color:#444}.single-step .checkout-trial{font-size:16px;color:#666;margin:0}.single-step .checkout-content-container{display:flex;flex-direction:column}.single-step-timeline{position:relative;margin:20px 0;padding-left:24px}.timeline-point{position:absolute;left:0;width:14px;height:14px;border-radius:50%;border:2px solid #9300da;z-index:2;background-color:#fff}.timeline-line,.timeline-point.filled{background-color:#9300da}.timeline-line{position:absolute;left:6px;top:14px;width:2px;height:24px;z-index:1}.timeline-texts{padding-left:10px;margin-left:10px}.timeline-text{margin:0;font-size:15px;font-weight:500;color:#333;line-height:1.4}.timeline-text.second{margin-top:6px}.timeline-point.empty{top:38px}.timeline-point.filled{top:0}.single-step .total-now{display:flex;justify-content:space-between;align-items:center;margin:12px 0 24px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.single-step .total-label{font-size:16px;font-weight:500}.single-step .payment-methods{display:flex;flex-direction:column;gap:16px;margin-bottom:14px;overflow:visible}.StripeElement--webkit-autofill,.payment-methods>div[class*=ElementsApp],.payment-methods>div[class*=ElementsApp]>div,.payment-methods>iframe{background:transparent!important;box-shadow:none!important;border:none!important}#payment-request-button svg rect,.__PrivateStripeElement svg rect,.payment-methods svg rect{fill:transparent!important;stroke:transparent!important;opacity:0!important}#payment-request-button{border:none!important;border-radius:0!important;overflow:visible!important;padding:0!important;margin-bottom:20px!important}#payment-request-button,#payment-request-button>*{background:transparent!important;box-shadow:none!important}#payment-request-button>*{border:none!important}#payment-request-button iframe,#payment-request-button>div,#payment-request-button>div>div,.__PrivateStripeElement,.__PrivateStripeElement>div{background:transparent!important;border:none!important;box-shadow:none!important}.StripePaymentRequestButtonElement,.StripePaymentRequestButtonElement--dark,.StripePaymentRequestButtonElement--light,.StripePaymentRequestButtonElement--light-outline{background:none!important;box-shadow:none!important}.StripePaymentRequestButtonElement>*,.StripePaymentRequestButtonElement>.PaymentRequestButton,.payment-methods>div{box-shadow:none!important}.payment-methods>div{background:transparent!important;border:none!important;border-radius:0!important}.single-step .payment-option{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background-color:#fff}.single-step .payment-option.selected{border-color:#9300da;box-shadow:0 0 0 1px #9300da}.single-step .payment-option-header{display:flex;align-items:center;margin-bottom:12px}.single-step .option-selector{width:20px;height:20px;border-radius:50%;border:2px solid #9300da;display:flex;justify-content:center;align-items:center;margin-right:12px}.single-step .radio-dot{width:10px;height:10px;border-radius:50%;background-color:#9300da}.single-step .card-brands{display:flex;margin-left:auto;gap:8px}.apple-pay-button-container{width:100%;margin-bottom:15px}.apple-pay-button{width:100%;height:48px;padding:0;border-radius:4px;background-color:#000;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:opacity .2s ease;position:relative;overflow:hidden}.apple-pay-button:hover{opacity:.9}.apple-pay-button:focus{outline:none;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.apple-pay-button:active{opacity:.8}.apple-pay-button:disabled{opacity:.5;cursor:not-allowed}.apple-pay-logo-container{display:flex;justify-content:center;align-items:center;height:100%}.apple-pay-logo{height:48px;width:auto;filter:brightness(0) invert(1)}.__PrivateStripeElement{width:100%;height:48px;margin-bottom:15px}.ElementsApp{width:100%}.StripePaymentRequestButtonElement{width:100%!important;height:48px!important;margin-bottom:15px;border-radius:4px!important;overflow:hidden}.payment-separator{position:relative;height:20px;margin-bottom:20px;text-align:center}.separator-line{display:block;height:1px;background-color:#e0e0e0;width:100%}.card-payment-option{border:1px solid #9300da;border-radius:8px;padding:16px;cursor:pointer}.card-payment-header{display:flex;align-items:center;margin-bottom:12px}.radio-button{width:18px;height:18px;border-radius:50%;border:1px solid #9300da;display:flex;justify-content:center;align-items:center;margin-right:12px}.radio-button-inner{width:10px;height:10px;border-radius:50%;background-color:#9300da}.single-step .card-brand{height:20px}.single-step .card-element-container{border:1px solid #e0e0e0;border-radius:6px;padding:14px 12px}.single-step .hidden-email{display:none}.single-step .terms-text{font-size:12px;line-height:1.6;margin-bottom:20px}.scroll-indicator{display:none;position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background-color:#9300da;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:1000;cursor:pointer;align-items:center;justify-content:center;animation:bounce 2s infinite}.scroll-indicator svg{width:24px;height:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.premium-signup-container{max-width:460px;margin:0 auto;background-color:#fff;border-radius:8px;overflow:hidden}.premium-banner{background-color:#9300da;padding:32px 20px;text-align:center;color:#fff}.premium-header{padding:12px 8px;text-align:center}.premium-logo{margin-bottom:8px}.premium-logo img{max-width:180px;height:auto;display:block;margin:0 auto 15px;filter:brightness(0) saturate(100%) invert(12%) sepia(95%) saturate(5876%) hue-rotate(281deg) brightness(89%) contrast(125%)}.premium-banner-title{font-size:32px;font-weight:600;margin-bottom:8px}.premium-banner-subtitle{font-size:18px;font-weight:400;opacity:.9}.premium-header-title{font-size:20px;font-weight:800;font-family:Inter,sans-serif;color:#333;margin-bottom:4px;line-height:1.2}.premium-header-subtitle{font-size:14px;font-weight:400;color:#666;margin-bottom:8px}.premium-header-text{font-size:16px;color:#666;margin-top:4px}.premium-header-ngm-text{font-size:16px;color:#666;margin-top:24px;font-style:italic}.premium-form-container{padding:12px 16px 16px}.premium-title{font-size:18px;font-weight:600;margin-bottom:24px;text-align:left;padding-left:5px}.premium-form{gap:12px}.form-divider{height:1px;background-color:#9300da;margin:8px 0 12px;opacity:.8}.premium-input-group{display:flex;flex-direction:column;margin-bottom:12px}.premium-label{font-size:14px;font-weight:500;margin-bottom:4px;color:#333}.premium-input{height:42px;padding:0 10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.premium-input:focus{outline:none;border-color:#9300da}.premium-input-error{border-color:#9300da}.premium-error-text{color:#9300da;font-size:12px;margin-top:4px}.premium-radio-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.premium-radio-item{display:flex;align-items:center;cursor:pointer}.premium-radio-button{width:20px;height:20px;border-radius:50%;border:2px solid #ddd;margin-right:12px;display:flex;align-items:center;justify-content:center;background-color:#fff}.premium-radio-selected{width:12px;height:12px;border-radius:50%;background-color:#9300da}.premium-radio-item[aria-checked=true] .premium-radio-button{border-color:#9300da}.premium-checkbox{display:flex;align-items:flex-start;cursor:pointer;margin-bottom:20px}.premium-checkbox-box{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;margin-right:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#fff}.premium-checkbox-selected{width:12px;height:12px;background-color:#9300da}.premium-checkbox[aria-checked=true] .premium-checkbox-box{border-color:#9300da}.premium-checkbox-text{font-size:14px;color:#333}.premium-link{color:#9300da;text-decoration:underline}.premium-button{height:44px;background-color:#9300da;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.premium-button:hover{background-color:#7600b3}.signup-button{background-color:#9300da;color:#fff;border:none;border-radius:4px;padding:12px 0;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;width:100%;margin-top:20px}.terms-link{color:#9300da;text-decoration:underline;cursor:pointer}.bank-type-heading{font-size:20px;line-height:1.3;font-weight:700;margin-bottom:10px}@media screen and (max-width:768px){.bank-type-heading{font-size:14px}}.confirmation-content{display:flex;flex-direction:column;gap:24px;padding:24px}.confirmation-section{text-align:center}.confirmation-title{font-size:24px;font-weight:700;color:#333;margin-bottom:8px}.confirmation-subtitle{font-size:14px;color:#666;line-height:1.5}.confirmation-features{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#f9f9f9;border-radius:8px}.feature-item{gap:12px;font-size:14px;color:#333}.feature-icon,.feature-item{display:flex;align-items:center}.feature-icon{justify-content:center;width:24px;height:24px;background-color:#9300da;color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.feature-text{font-weight:500}.confirmation-buttons{display:flex;gap:12px}.confirmation-buttons .premium-button{flex:1 1;margin-top:0}.confirmation-terms{font-size:12px;color:#666;line-height:1.6;text-align:center;margin:0}.confirmation-terms .premium-link{color:#9300da;text-decoration:underline}.bank-upgrade-section{padding-top:20px;border-top:1px solid #e0e0e0;margin-top:20px;text-align:center}.upgrade-text{font-size:14px;color:#666;margin-bottom:12px;font-weight:500}.bank-buttons{display:flex;gap:12px;margin-bottom:12px}.bank-button{flex:1 1;height:42px;background-color:#f5f5f5;color:#333;border:2px solid #ddd;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.bank-button:hover{border-color:#9300da;background-color:#f9f5ff}.bank-benefit{font-size:14px;color:#9300da;font-weight:600;margin:0}.card-upgrade-section{display:flex;flex-direction:column;gap:16px}.skip-card-button{width:100%;height:42px;background-color:transparent;color:#9300da;border:2px solid #9300da;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:16px}.skip-card-button:hover{background-color:#f9f5ff}.skip-card-button:disabled{opacity:.6;cursor:not-allowed}.change-bank-button{width:100%;height:40px;background-color:transparent;color:#9300da;border:1px solid #ddd;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:16px}.change-bank-button:hover{background-color:#f9f5ff;border-color:#9300da}.form-container{position:relative;width:100%;overflow:hidden;height:auto;min-height:auto;background-color:#fff;transition:height .3s ease-in-out,min-height .3s ease-in-out}.form-container.checkout-active{min-height:100%}.form-container.checkout-step-2,.form-container.checkout-step-3{min-height:auto;height:auto;transition:height .3s ease,min-height .3s ease}.form-container.checkout-step-2 .checkout-form,.form-container.checkout-step-3 .checkout-form{height:auto;overflow:visible;padding-bottom:0}.form-container.checkout-step-2 .step-buttons,.form-container.checkout-step-3 .step-buttons{margin-top:20px;margin-bottom:0}.form-slide{width:100%;transition:transform .5s ease-in-out;padding:24px 0}.signup-form{position:relative;transform:translateX(0)}.checkout-form{width:100%;height:100%;transform:translateX(100%);padding:24px 8px;overflow-y:auto;display:flex;flex-direction:column;z-index:10;background-color:#fff}.signup-form.slide-left{transform:translateX(-120%);visibility:hidden;display:none}.checkout-form.slide-right{transform:translateX(0)}.confirmation-form{width:100%;height:100%;transform:translateX(100%);padding:24px 8px;overflow-y:auto;display:flex;flex-direction:column;z-index:10;background-color:#fff}.confirmation-form.slide-right{transform:translateX(0)}.back-button{background:none;border:none;color:#9300da;font-size:14px;font-weight:500;cursor:pointer;padding:10px 16px;display:flex;align-items:center;border-radius:4px;transition:background-color .2s ease}.back-button:hover{background-color:rgba(147,0,218,.05);text-decoration:underline}.back-arrow{margin-right:8px}.checkout-content{padding:0;gap:20px;height:100%;width:100%}.checkout-content,.premium-form{display:flex;flex-direction:column}.premium-form{gap:15px;margin-top:16px}.premium-input-group{margin-bottom:0}.premium-title{font-size:20px;font-weight:500;margin-bottom:20px;color:#333}.premium-card{height:100%;padding:16px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.checkout-header h2{font-size:20px;font-weight:500;color:#333;margin-top:8px}