.payment-modal-component .payment-step1{animation:fadeIn .3s ease-in-out}.payment-modal-component .form-error{margin-top:.5rem;font-size:.875rem;color:#dc2626;font-weight:500;min-height:1.25rem;display:block}.payment-modal-component .form-error:empty{display:none}.payment-modal-component .product-card{background:linear-gradient(var(--grad-angle),var(--grad-primary-start) 0%,var(--grad-primary-mid) 100%);border:1px solid rgba(255,255,255,.12);border-radius:.75rem;padding:1.25rem;margin-bottom:2rem;position:relative;overflow:hidden}.payment-modal-component .product-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.payment-modal-component .product-icon{color:var(--color-primary);opacity:.8}.payment-modal-component .product-header h3{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.payment-modal-component .product-details{display:flex;flex-direction:column;gap:.5rem}.payment-modal-component .detail-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-base)}.payment-modal-component .detail-row .label{color:var(--color-text-muted)}.payment-modal-component .detail-row .value{font-weight:500;color:var(--color-text)}.payment-modal-component .detail-row.total{padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06);margin-top:.25rem}.payment-modal-component .detail-row.total .label{font-weight:600;color:var(--color-text)}.payment-modal-component .detail-row.total .value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.payment-modal-component .form-section{margin-bottom:1.5rem}.payment-modal-component .form-group{margin-bottom:1.25rem}.payment-modal-component .payment-modal .form-group label{display:inline-flex!important;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;font-size:var(--font-size-base);color:var(--color-text)}.payment-modal-component .input-icon{opacity:.7;transition:opacity .2s ease;flex-shrink:0}.payment-modal-component .form-group:focus-within .input-icon{opacity:1;color:var(--color-primary)}.payment-modal-component .form-group input{width:100%;padding:.875rem 1rem;border-radius:.625rem;background:linear-gradient(var(--grad-angle),var(--grad-primary-start) 0%,var(--grad-primary-mid) 100%);border:1.5px solid rgba(255,255,255,.12);color:var(--color-text);font-size:var(--font-size-base);transition:all .2s ease}.payment-modal-component .form-group input::placeholder{color:var(--color-text-muted);opacity:.6}.payment-modal-component .form-group input:hover{background:linear-gradient(var(--grad-angle),var(--grad-hover-start) 0%,var(--grad-hover-end) 100%);border-color:#ffffff26}.payment-modal-component .form-group input:focus{outline:0;border-color:var(--color-primary);background:linear-gradient(var(--grad-angle),var(--grad-hover-start) 0%,var(--grad-hover-end) 100%);box-shadow:0 0 0 3px #3b82f61a}.payment-modal-component .payment-step-button .btn-text-loading,.payment-modal-component .payment-step-button.loading .btn-text-default{display:none}.payment-modal-component .payment-step-button.loading .btn-text-loading{display:inline-flex;align-items:center}.btn-dots{display:inline-flex;align-items:center;gap:2px;margin-left:.5rem}.dot{display:inline-block;width:4px;height:4px;margin:0 1px;border-radius:50%;background:currentColor;animation:dotBounce 1s infinite ease-in-out}.dot.dot2{animation-delay:.2s}.dot.dot3{animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.payment-modal-component .input-error:focus{box-shadow:0 0 0 3px #ef44441a!important}@media (max-width:768px){.payment-modal-component .product-card{padding:1rem;margin-bottom:1.5rem}.payment-modal-component .detail-row.total .value{font-size:var(--font-size-md)}.payment-modal-component .form-section{margin-bottom:1.25rem}.payment-modal-component .form-group{margin-bottom:1rem}}.payment-modal-component .payment-step2{animation:fadeIn .3s ease-in-out}.payment-modal-component .step-header{text-align:center;margin-bottom:2rem}.payment-modal-component .step-header h3{font-size:var(--font-size-lg);font-weight:600;margin:0 0 .5rem;color:var(--color-text)}.payment-modal-component .step-header p{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}.payment-modal-component .payment-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.payment-modal-component .payment-method-option{background-color:#ffffff08;border:1.5px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;margin-top:0;position:relative;overflow:hidden}.payment-modal-component .payment-method-option:hover{background-color:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.payment-modal-component .payment-method-option.active{background-color:#3b82f60d;border-color:var(--color-primary)}.payment-modal-component .payment-method-option.active:after{content:"";position:absolute;top:1rem;right:1rem;width:20px;height:20px;background-color:var(--color-primary);border-radius:50%}.payment-modal-component .payment-method-option.active:before{content:"✓";position:absolute;top:1rem;right:1rem;width:20px;height:20px;color:#fff;font-size:var(--font-size-xs);font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1}.payment-modal-component .payment-method-content{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.payment-modal-component .payment-method-icon{width:48px;height:48px;background-color:#ffffff0d;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-modal-component .payment-method-icon svg{opacity:.9}.payment-modal-component .payment-method-icon.paypal{background-color:#3b82f640;border:1px solid rgba(59,130,246,.3);box-shadow:0 2px 8px #3b82f626}.payment-modal-component .payment-method-icon.crypto{background-color:#f7931a1a}.payment-modal-component .payment-method-info{display:flex;flex-direction:column;gap:.25rem;text-align:left;flex:1;min-width:0}.payment-modal-component .method-name{font-weight:600;font-size:var(--font-size-base);color:var(--color-text);text-align:left}.payment-modal-component .method-description{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:left}.payment-modal-component .payment-method-logos{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.payment-modal-component .card-logo{opacity:.8;transition:opacity .2s ease;width:32px!important;height:auto!important;flex-shrink:0}.payment-modal-component .payment-method-option:hover .card-logo{opacity:1}.payment-modal-component .crypto-logos{display:flex;align-items:center;gap:.4rem}.payment-modal-component .crypto-mini-logo{opacity:.9}.payment-modal-component .crypto-badge{background-color:#ffffff1a;padding:.2rem .5rem;border-radius:1rem;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text)}.payment-modal-component .terms-text{font-size:var(--font-size-xs)!important;color:var(--color-text-muted);text-align:center;margin-top:1.5rem!important;margin-bottom:.5rem!important}.payment-modal-component .terms-text a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:opacity .2s ease}.payment-modal-component .terms-text a:hover{opacity:.8;text-decoration:underline}@media (max-width:768px){.payment-modal-component .step-header{margin-bottom:1.5rem}.payment-modal-component .step-header h3{font-size:var(--font-size-md)}.payment-modal-component .payment-method-option{padding:1rem}.payment-modal-component .payment-method-icon{width:40px;height:40px}.payment-modal-component .method-name{font-size:var(--font-size-base)}.payment-modal-component .method-description{font-size:var(--font-size-sm)}.payment-modal-component .card-logo{width:28px!important}.payment-modal-component .terms-text{margin-top:1.25rem!important;margin-bottom:.5rem!important;font-size:var(--font-size-xs)!important}}@media (max-width:480px){.payment-modal-component .payment-options{gap:.625rem}.payment-modal-component .payment-method-option{padding:.875rem;flex-wrap:wrap;gap:.75rem}.payment-modal-component .payment-method-content{gap:.75rem;width:100%}.payment-modal-component .payment-method-icon{width:36px;height:36px}.payment-modal-component .payment-method-logos{gap:.375rem;margin-left:auto}.payment-modal-component .card-logo{width:22px!important}@media (max-width:380px){.payment-modal-component .payment-method-option{flex-direction:column;align-items:stretch}.payment-modal-component .payment-method-content{margin-bottom:.5rem}.payment-modal-component .payment-method-logos{margin-left:0;margin-top:0;justify-content:flex-start;padding-left:0}.payment-modal-component .crypto-logos{margin-left:0;justify-content:flex-start}}.payment-modal-component .crypto-logos{gap:.3rem}.payment-modal-component .crypto-mini-logo{width:18px;height:18px}.payment-modal-component .crypto-badge{font-size:var(--font-size-xs);padding:.15rem .4rem}.payment-modal-component .terms-text{font-size:var(--font-size-xs)!important;margin-top:1rem!important;margin-bottom:.5rem!important}}.payment-modal-component .payment-step3{animation:fadeIn .3s ease-in-out}.payment-modal-component .invoice-details{margin-bottom:1.25rem;background:linear-gradient(135deg,#3b82f60d,#6366f10d);border:1px solid rgba(59,130,246,.15);border-radius:.75rem;padding:1rem;position:relative;overflow:hidden}.payment-modal-component .invoice-details:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);animation:shimmer 5s ease-out forwards;animation-delay:.5s}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.payment-modal-component .invoice-header{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.payment-modal-component .invoice-header svg{opacity:.7}.payment-modal-component .invoice-summary{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.payment-modal-component .invoice-item{display:flex;align-items:center;gap:.5rem;position:relative}.payment-modal-component .invoice-item:first-child{flex:1;min-width:0}.payment-modal-component .label{color:var(--color-text-muted);font-size:var(--font-size-base);font-weight:500;flex-shrink:0}.payment-modal-component .value{font-weight:600;font-size:var(--font-size-base)}.payment-modal-component .invoice-id-value{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:var(--font-size-sm);background-color:#0003;padding:.2rem .4rem;border-radius:.375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s ease;flex:1;min-width:0}.payment-modal-component .amount-value{color:#10b981;font-size:var(--font-size-md);letter-spacing:-.5px;white-space:nowrap}.payment-modal-component .payment-containers{position:relative;min-height:200px}.payment-modal-component .payment-container{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.payment-modal-component .payment-container[style*="display: none"]{animation:none}@media (max-width:768px){.payment-modal-component .invoice-details{padding:.875rem;margin-bottom:1rem}.payment-modal-component .invoice-header{font-size:var(--font-size-sm);margin-bottom:.625rem}.payment-modal-component .invoice-summary{gap:1rem}.payment-modal-component .invoice-id-value{font-size:var(--font-size-sm);padding:.15rem .35rem}.payment-modal-component .amount-value{font-size:var(--font-size-base)}.payment-modal-component .label{font-size:var(--font-size-sm)}}@media (max-width:640px){.payment-modal-component .invoice-summary{flex-direction:column;align-items:stretch;gap:.75rem}.payment-modal-component .invoice-item{width:100%}.payment-modal-component .invoice-item:first-child{flex:unset}}@media (max-width:480px){.payment-modal-component .invoice-details{padding:.75rem}.payment-modal-component .invoice-id-value{font-size:var(--font-size-sm);padding:.15rem .3rem}.payment-modal-component .amount-value{font-size:var(--font-size-base)}}.payment-modal-component .invoice-item.amount-item{overflow:hidden}.payment-modal-component .payment-step3.crypto-payment-active .invoice-item.amount-item{display:none}.payment-modal-component .payment-step3.crypto-payment-active .invoice-summary{justify-content:center}:root{--grad-angle:135deg;--grad-primary-start:rgba(59, 130, 246, .035);--grad-primary-mid:rgba(147, 51, 234, .02);--grad-primary-end:rgba(255, 255, 255, .02);--grad-hover-start:rgba(59, 130, 246, .05);--grad-hover-end:rgba(147, 51, 234, .035);--glass-blur:10px;--glass-bg:rgba(255, 255, 255, .015);--shadow-primary:0 4px 12px rgba(59, 130, 246, .3);--shadow-success:0 4px 15px rgba(16, 185, 129, .3);--border-subtle:1px solid rgba(255, 255, 255, .08);--border-hover:1px solid rgba(255, 255, 255, .15);--shimmer-duration:3s;--fade-duration:.3s;--font-size-xxs:.65rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem}.payment-modal-component.payment-modal-overlay{position:fixed;inset:0;background-color:#000c;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:2100000000;padding:1rem;opacity:0;transition:opacity .3s ease}.payment-modal-component.payment-modal-overlay.active{display:flex!important;opacity:1}.payment-modal-component .payment-modal{background-color:var(--color-bg-light);border-radius:1.25rem;width:100%;max-width:500px;max-height:85vh;box-shadow:0 20px 40px #0006;overflow:hidden;position:relative;border:var(--border-subtle);display:flex;flex-direction:column}.payment-modal-component .payment-modal-header{padding:1.5rem;position:relative;border-bottom:var(--border-subtle);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:linear-gradient(var(--grad-angle),var(--grad-primary-start) 0%,var(--grad-primary-mid) 100%)}.payment-modal-component .payment-modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:600;text-align:center;flex:1;letter-spacing:-.02em}.payment-modal-component .header-navigation{min-width:36px;display:flex;justify-content:flex-start}.payment-modal-component .nav-button{background:0 0;border:0;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;gap:4px;font-size:.9rem;padding:.5rem;border-radius:.5rem;transition:all .2s ease}.payment-modal-component .nav-button:hover{color:var(--color-text);background-color:#ffffff0d}.payment-modal-component .payment-modal-close{background:0 0;border:0;color:var(--color-text-muted);cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.payment-modal-component .payment-modal-close:hover{background-color:#ffffff0d;color:var(--color-text)}.payment-modal-component .payment-modal-body{padding:1.5rem;flex-grow:1;overflow-y:auto;overflow-x:hidden;min-height:0;position:relative}.payment-modal-component .payment-modal-body::-webkit-scrollbar{width:8px}.payment-modal-component .payment-modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.payment-modal-component .payment-modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.payment-modal-component .payment-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.payment-modal-component .payment-modal-body{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}.payment-modal-component .payment-modal-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.payment-modal-component .payment-modal .form-group{margin-bottom:1.25rem}.payment-modal-component .payment-modal .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:var(--font-size-base);color:var(--color-text)}.payment-modal-component .payment-modal .form-group input{width:100%;padding:.875rem 1rem;border-radius:.625rem;background-color:#ffffff08;border:1.5px solid rgba(255,255,255,.08);color:var(--color-text);font-size:var(--font-size-base);transition:all .2s ease}.payment-modal-component .payment-modal .form-group input::placeholder{color:var(--color-text-muted);opacity:.6}.payment-modal-component .payment-modal .form-group input:hover{background-color:#ffffff0d;border-color:#ffffff1f}.payment-modal-component .payment-modal .form-group input:focus{outline:0;border-color:var(--color-primary);background-color:#ffffff0d;box-shadow:0 0 0 3px #3b82f61a;background:linear-gradient(var(--grad-angle),var(--glass-bg) 0%,rgba(255,255,255,.05) 100%)}.payment-modal-component .payment-modal .btn{padding:.875rem 1.25rem!important;border-radius:.625rem!important;min-height:3rem!important;font-size:var(--font-size-base)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease;border:0!important;letter-spacing:-.01em!important}.payment-modal-component .btn-text{line-height:1}.payment-modal-component .btn-arrow{flex-shrink:0;width:20px;height:20px;display:inline-block!important;vertical-align:middle;transform-origin:center center}.payment-modal-component .payment-modal .btn-primary{background-color:var(--color-primary)!important;color:#fff!important;border:0!important;position:relative;overflow:hidden;background:linear-gradient(var(--grad-angle),var(--color-primary) 0%,#2563eb 100%)!important}.payment-modal-component .payment-modal .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(var(--grad-angle),transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s ease}.payment-modal-component .payment-modal .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary)}.payment-modal-component .payment-modal .btn-primary:hover:before{left:100%}.payment-modal-component .payment-modal .btn-secondary{background-color:#ffffff0d!important;color:var(--color-text)!important;border:var(--border-subtle)!important}.payment-modal-component .payment-modal .btn-secondary:hover{background-color:#ffffff14!important;border-color:#fff3!important}.payment-modal-component .payment-modal .btn-block{width:100%!important}.payment-modal-component .payment-summary{background-color:#ffffff06;border:var(--border-subtle);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;background:linear-gradient(var(--grad-angle),var(--grad-primary-start) 0%,var(--grad-primary-mid) 50%,var(--grad-primary-end) 100%);position:relative;overflow:hidden}.payment-modal-component .payment-summary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(var(--grad-angle),transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:shimmer var(--shimmer-duration) ease-out forwards;animation-delay:.8s}@keyframes shimmer{0%{left:-100%}to{left:100%}}.payment-modal-component .payment-summary-item{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:var(--font-size-base)}.payment-modal-component .payment-summary-item:last-child{margin-bottom:0;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06);font-weight:600}.payment-modal-component .payment-method-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.payment-modal-component .payment-method-option{background-color:#ffffff06;border:1.5px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1rem;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;backdrop-filter:blur(var(--glass-blur));background:linear-gradient(var(--grad-angle),rgba(255,255,255,.035) 0%,var(--glass-bg) 100%)}.payment-modal-component .payment-method-option:hover{background-color:#ffffff0a;border-color:var(--border-hover);transform:translateY(-2px);background:linear-gradient(var(--grad-angle),var(--grad-hover-start) 0%,var(--grad-hover-end) 100%)}.payment-modal-component .payment-method-option.active{background-color:#3b82f60a;border-color:var(--color-primary);background:linear-gradient(var(--grad-angle),var(--grad-hover-start) 0%,var(--grad-hover-end) 100%)}.payment-modal-component .payment-method-option.active:after{content:"";position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.payment-modal-component .payment-method-option.active:before{content:"✓";position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1}.payment-modal-component .payment-method-option img{height:36px;margin-bottom:.5rem;opacity:.9}.payment-modal-component .payment-method-option p{margin:0;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.payment-modal-component .crypto-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem;margin-bottom:1.5rem}.payment-modal-component .crypto-option{background-color:#ffffff08;border:1.5px solid rgba(255,255,255,.08);border-radius:.625rem;padding:.75rem;text-align:center;cursor:pointer;transition:all .2s ease}.payment-modal-component .crypto-option:hover{background-color:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.payment-modal-component .crypto-option.active{background-color:#3b82f60d;border-color:var(--color-primary)}.payment-modal-component .crypto-option img{height:28px;margin-bottom:.4rem;opacity:.9}.payment-modal-component .crypto-option p{margin:0;font-size:.75rem;font-weight:500;color:var(--color-text)}.payment-modal-component .steps-indicator{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;gap:.75rem}.payment-modal-component .step{display:flex;align-items:center;flex-direction:column;gap:.5rem}.payment-modal-component .step-number{width:36px;height:36px;border-radius:50%;background-color:#ffffff0d;border:1.5px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);margin:0;position:relative;transition:all .3s ease}.payment-modal-component .step.active .step-number{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f61a}.payment-modal-component .step-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);text-align:center}.payment-modal-component .step.active .step-label{color:var(--color-text)}.payment-modal-component .step-connector{flex-grow:1;height:2px;background-color:#ffffff14;margin:0 .75rem;align-self:center;transform:translateY(-.5rem)}.payment-modal-component .step.active~.step .step-connector{background-color:#ffffff14}.payment-modal-component .step.active .step-connector{background-color:var(--color-primary)}@media (max-width:768px){.payment-modal-component.payment-modal-overlay{padding:1rem;align-items:center}.payment-modal-component .payment-modal{max-width:none;width:92%;height:auto;max-height:90vh;border-radius:1rem;display:flex;flex-direction:column}.payment-modal-component .payment-modal-header{padding:1rem}.payment-modal-component .payment-modal-header h2{font-size:var(--font-size-lg)}.payment-modal-component .nav-button{font-size:.85rem;padding:.4rem}.payment-modal-component .nav-button span{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-modal-component .payment-modal-body{flex-grow:1;overflow-y:auto;padding:1rem}.payment-modal-component .steps-indicator{margin-bottom:1.25rem;gap:.5rem}.payment-modal-component .step-number{width:32px;height:32px;font-size:.8rem}.payment-modal-component .step-label{font-size:.75rem}.payment-modal-component .payment-method-options{grid-template-columns:1fr;gap:.625rem;margin-bottom:1.25rem}.payment-modal-component .payment-method-option{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:1rem}.payment-modal-component .payment-method-option .payment-method-main{display:flex;align-items:center;gap:12px}.payment-modal-component .payment-method-option .payment-method-main svg{flex-shrink:0;width:24px;height:24px}.payment-modal-component .payment-method-option img{margin-bottom:0;margin-right:1rem;height:32px}.payment-modal-component .crypto-options{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.25rem}.payment-modal-component .crypto-option{padding:.625rem .5rem}.payment-modal-component .crypto-option p{font-size:.7rem;margin-top:.25rem}.payment-modal-component .crypto-option img{height:24px}.payment-modal-component .form-group{margin-bottom:1rem}.payment-modal-component .form-group label{margin-bottom:.4rem;font-size:var(--font-size-sm)}.payment-modal-component .form-group input{padding:.75rem 1rem;font-size:var(--font-size-base)}.payment-modal-component .btn{padding:.75rem 1rem!important;min-height:2.75rem!important;font-size:var(--font-size-base)!important}.payment-modal-component .mobile-view .step-content{padding:0}.payment-modal-component .mobile-view .crypto-payment h3{font-size:1rem;margin-bottom:.75rem}.payment-modal-component .mobile-view .crypto-selection p,.payment-modal-component .mobile-view .network-selection p{margin-bottom:.5rem;font-size:.85rem}.payment-modal-component .payment-step1 h4,.payment-modal-component .payment-step2 h4,.payment-modal-component .payment-step3 h4,.payment-modal-component .crypto-payment h3,.payment-modal-component .stripe-payment h3,.payment-modal-component .paypal-payment h3,.payment-modal-component .step-title{font-size:1.1rem;margin-bottom:1rem;font-weight:600}}@media (max-width:480px){.payment-modal-component.payment-modal-overlay{padding:.5rem}.payment-modal-component .payment-modal{width:95%;max-height:95vh}.payment-modal-component .payment-modal-header,.payment-modal-component .payment-modal-body{padding:.875rem 1rem}.payment-modal-component .payment-modal-header h2{font-size:var(--font-size-md)}.payment-modal-component .crypto-options{grid-template-columns:repeat(4,1fr);gap:.4rem}.payment-modal-component .crypto-option{padding:.5rem .4rem}.payment-modal-component .crypto-option p{font-size:.65rem;margin-top:.2rem}.payment-modal-component .step-number{width:28px;height:28px;font-size:.75rem}.payment-modal-component .btn{padding:.7rem 1rem!important;min-height:2.5rem!important;font-size:var(--font-size-sm)!important}}.payment-modal-component .step-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.payment-modal-component .form-error{color:#ef4444;font-size:.8rem;margin-top:.4rem;display:none;align-items:center;gap:.25rem}.payment-modal-component .form-error:not(:empty){display:flex}.payment-modal-component .input-error{border-color:#ef4444!important;background-color:#ef44440d!important}.payment-modal-component .input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.payment-modal-component .terms-text{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-top:1.5rem;line-height:1.4}.payment-modal-component .terms-text a{color:var(--color-primary);text-decoration:none;font-weight:500}.payment-modal-component .terms-text a:hover{text-decoration:underline}.payment-modal-component .payment-modal-drag-handle,.payment-modal-component .drag-indicator{display:none}.payment-modal-component .copy-notification{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:2100}.payment-modal-component .btn-container{display:flex;justify-content:center;width:100%;gap:1rem;margin-top:1.5rem}.payment-modal-component .btn-container .btn{width:100%!important;display:block!important}.payment-modal-component .btn.loading{opacity:.8;cursor:not-allowed;position:relative}.payment-modal-component #crypto-continue{display:block!important;width:100%!important;margin:0 auto!important}.payment-modal-component #paypal-button-container,.payment-modal-component #paypal-button-container iframe{width:100%!important;margin:0 auto}.payment-modal-component .payment-success{padding:1.5rem;animation:fadeInSuccess .6s ease-out}@keyframes fadeInSuccess{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.payment-modal-component .success-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);animation:fadeInUp .6s ease-out .1s both}.payment-modal-component .success-icon{display:flex;justify-content:center;align-items:center;width:64px;height:64px;background:linear-gradient(var(--grad-angle),#10b981 0%,#059669 100%);border-radius:50%;color:#fff;flex-shrink:0;animation:scaleIn .5s ease-out;box-shadow:var(--shadow-success)}.payment-modal-component .success-icon svg{width:32px;height:32px;stroke:currentColor;stroke-width:3}.payment-modal-component .success-content{flex:1;text-align:left}.payment-modal-component .success-content h2{font-size:var(--font-size-xl);margin:0 0 .5rem;color:#10b981;font-weight:700}.payment-modal-component .success-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0;line-height:1.4}.payment-modal-component .success-body{display:flex;flex-direction:column;gap:1.5rem}.payment-modal-component .success-section{animation:fadeInUp .6s ease-out .3s both}.payment-modal-component .success-section h3{font-size:var(--font-size-md);margin:0 0 .75rem;color:var(--color-text);font-weight:600}.payment-modal-component .success-section p{margin:0;color:var(--color-text);line-height:1.5}.payment-modal-component .access-section{background-color:#3b82f60d;border-radius:.75rem;padding:1.25rem;animation:fadeInUp .6s ease-out .4s both;background:linear-gradient(var(--grad-angle),var(--grad-primary-start) 0%,var(--grad-primary-mid) 50%,rgba(59,130,246,.02) 100%);border:1px solid rgba(59,130,246,.15);position:relative;overflow:hidden}.payment-modal-component .access-section:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(var(--grad-angle),transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 6s ease-out forwards;animation-delay:1s}.payment-modal-component .access-content{width:100%}.payment-modal-component .access-content h3{font-size:var(--font-size-md);margin:0 0 .5rem;color:var(--color-text);font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.payment-modal-component .access-icon{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background-color:#3b82f61a;border-radius:.5rem;color:var(--color-primary);flex-shrink:0}.payment-modal-component .access-content p{margin:0 0 .75rem;color:var(--color-text);line-height:1.4}.payment-modal-component .redirect-info p{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}.payment-modal-component .redirect-timer{margin-top:.5rem}.payment-modal-component .redirect-timer p{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;margin:0}.payment-modal-component .username-issue-section{background-color:#ef44440d;border-radius:.75rem;padding:1.25rem;border:1px solid rgba(239,68,68,.2);animation:fadeInUp .6s ease-out .4s both}.payment-modal-component .issue-content{width:100%}.payment-modal-component .issue-content h3{font-size:var(--font-size-md);margin:0 0 .75rem;color:#ef4444;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.payment-modal-component .issue-icon{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background-color:#ef44441a;border-radius:50%;color:#ef4444;flex-shrink:0}.payment-modal-component .issue-content p{margin:0 0 .75rem;color:var(--color-text);line-height:1.4}.payment-modal-component .resolution-steps{background-color:#ffffff05;border-radius:.5rem;padding:1rem;margin-top:.75rem}.payment-modal-component .resolution-steps p{font-weight:600;margin:0 0 .75rem}.payment-modal-component .resolution-options{display:flex;flex-direction:column;gap:.75rem}.payment-modal-component .resolution-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background-color:#ffffff08;border-radius:.5rem;border:1px solid rgba(255,255,255,.05)}.payment-modal-component .option-number{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background-color:#3b82f633;color:var(--color-primary);border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0}.payment-modal-component .option-content{flex:1}.payment-modal-component .option-content h4{margin:0 0 .25rem;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.payment-modal-component .option-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.3}.payment-modal-component .success-actions{display:flex;justify-content:center;margin-top:.5rem;animation:fadeInUp .6s ease-out .6s both}.payment-modal-component .btn-large{padding:1rem 2rem!important;font-size:var(--font-size-base)!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;transition:all .3s ease!important}.payment-modal-component .btn-large:hover{transform:translateY(-2px)!important;box-shadow:0 6px 12px #3b82f640!important}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.payment-modal-component .payment-success{padding:1rem}.payment-modal-component .success-header{flex-direction:column;text-align:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.payment-modal-component .success-content{text-align:center}.payment-modal-component .success-content h2{font-size:var(--font-size-lg)}.payment-modal-component .success-icon{width:56px;height:56px}.payment-modal-component .success-icon svg{width:28px;height:28px}.payment-modal-component .success-body{gap:1.25rem}.payment-modal-component .access-section,.payment-modal-component .username-issue-section{padding:1rem}.payment-modal-component .issue-content h3,.payment-modal-component .access-content h3{justify-content:center;font-size:var(--font-size-md)}.payment-modal-component .resolution-steps{text-align:left}.payment-modal-component .success-section h3{font-size:var(--font-size-base)}.payment-modal-component .btn-large{padding:.875rem 1.5rem!important;font-size:var(--font-size-base)!important}}@media (max-width:480px){.payment-modal-component .payment-success{padding:.875rem}.payment-modal-component .success-header{gap:.75rem;margin-bottom:1.25rem}.payment-modal-component .success-content h2{font-size:var(--font-size-lg)}.payment-modal-component .success-subtitle{font-size:var(--font-size-sm)}.payment-modal-component .success-icon{width:48px;height:48px}.payment-modal-component .success-icon svg{width:24px;height:24px}.payment-modal-component .success-body{gap:1rem}.payment-modal-component .access-section,.payment-modal-component .username-issue-section{flex-direction:column;gap:.75rem;padding:.875rem}.payment-modal-component .resolution-options{gap:.5rem}.payment-modal-component .resolution-option{padding:.625rem}.payment-modal-component .option-number{width:20px;height:20px;font-size:.7rem}.payment-modal-component .option-content h4{font-size:var(--font-size-sm)}.payment-modal-component .option-content p{font-size:.75rem}.payment-modal-component .access-content{text-align:center}.payment-modal-component .issue-content h3{justify-content:center}.payment-modal-component .resolution-steps ul{text-align:left;padding-left:1rem}.payment-modal-component .btn-large{padding:.75rem 1.25rem!important;font-size:var(--font-size-sm)!important;width:100%!important}.payment-modal-component .success-actions{margin-top:.25rem}}.payment-modal-component .invoice-card{background:linear-gradient(var(--grad-angle),var(--grad-primary-start) 0%,var(--grad-primary-mid) 100%);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(var(--glass-blur));position:relative;overflow:hidden}.payment-modal-component #stripe-container,.payment-modal-component #paypal-container,.payment-modal-component #crypto-container{background:linear-gradient(var(--grad-angle),var(--grad-primary-start) 0%,var(--grad-primary-mid) 50%,var(--grad-primary-end) 100%);border:var(--border-subtle);border-radius:.75rem;padding:1.25rem;margin-top:1rem;position:relative;overflow:visible;backdrop-filter:blur(var(--glass-blur));min-height:auto}.payment-modal-component #stripe-container,.payment-modal-component #paypal-container,.payment-modal-component #crypto-container{animation:fadeInUp var(--fade-duration) ease-out}.payment-modal-component #stripe-payment-element{background:#ffffff05;border-radius:.5rem;padding:1rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.08)}.payment-modal-component #stripe-payment-element:hover{background:#ffffff06;border-color:#ffffff1a}.payment-modal-component .crypto-payment-details{background:linear-gradient(var(--grad-angle),rgba(255,255,255,.03) 0%,rgba(255,255,255,.01) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:.75rem;position:relative}.payment-modal-component .crypto-payment-details .payment-instruction{background:0 0;position:relative;z-index:1}@media (prefers-reduced-motion:reduce){.payment-modal-component *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.payment-modal-component .payment-summary:before,.payment-modal-component .payment-method-option.active:before,.payment-modal-component .payment-method-option.active:after{animation:none!important}.payment-modal-component .btn,.payment-modal-component .btn-primary.payment-step-button{transition:opacity .2s ease,background-color .2s ease!important}.payment-modal-component .btn-primary.payment-step-button:after{display:none}.payment-modal-component .btn-primary.payment-step-button:hover,.payment-modal-component .btn-primary.payment-step-button:hover .btn-arrow{transform:none!important}.payment-modal-component .dot{animation:none!important;opacity:1!important;transform:none!important}}.resume-banner{background:linear-gradient(var(--grad-angle),var(--grad-primary-start) 0%,var(--grad-primary-mid) 50%,var(--grad-primary-end) 100%);border:var(--border-subtle);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;animation:slideInFromTop .3s ease-out;text-align:center;position:relative;overflow:hidden;backdrop-filter:blur(var(--glass-blur))}.resume-banner-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:600px;margin:0 auto;position:relative;z-index:1;text-align:center}.resume-banner-text{display:flex;flex-direction:column;gap:.5rem}.resume-banner-text strong{color:var(--color-text);font-weight:600;font-size:1.125rem}.resume-banner-text span{color:var(--color-text-muted);font-size:.875rem}.resume-banner-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-shrink:0}.resume-banner .btn-sm{padding:.625rem 1.25rem;font-size:.875rem;border-radius:.375rem;font-weight:600}.resume-banner .btn-link{background:0 0;border:0;color:var(--color-text-muted);text-decoration:underline;cursor:pointer;transition:color .2s ease}.resume-banner .btn-link:hover{color:var(--color-text);text-decoration:none}.payment-step #payment-info-form[style*="display: none"]+.resume-banner,.payment-step .resume-banner:only-child{margin:2rem auto;padding:2rem}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.resume-banner-content{flex-direction:column;align-items:center;gap:1.5rem}.resume-banner-text{text-align:center}.resume-banner-actions{width:100%;justify-content:center}.resume-banner .btn-sm{padding:.75rem 1.5rem;min-width:100px}}.payment-modal-component .payment-complete-message{background:linear-gradient(var(--grad-angle),rgba(34,197,94,.05) 0%,rgba(34,197,94,.02) 100%);border:1.5px solid rgba(34,197,94,.2);border-radius:.875rem;padding:1.5rem;margin:1rem 0;position:relative;overflow:hidden;animation:slideInFromTop .5s ease-out}.payment-modal-component .payment-complete-content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.payment-modal-component .payment-complete-icon{margin-bottom:1rem;animation:scaleIn .5s ease-out;animation-delay:.2s;animation-fill-mode:both}.payment-modal-component .payment-complete-icon svg{width:48px;height:48px;filter:drop-shadow(0 2px 8px rgba(34,197,94,.3))}.payment-modal-component .payment-complete-text{margin-bottom:1.5rem}.payment-modal-component .payment-complete-text h3{margin:0 0 .75rem;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);letter-spacing:-.02em}.payment-modal-component .payment-complete-text p{margin:0 0 .5rem;font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.5;max-width:400px}.payment-modal-component .payment-complete-text p:last-child{margin-bottom:0}.payment-modal-component .payment-complete-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.payment-modal-component .payment-complete-actions .btn{min-width:120px}@media (max-width:768px){.payment-modal-component .payment-complete-message{padding:1.25rem;margin:.75rem 0}.payment-modal-component .payment-complete-text h3{font-size:var(--font-size-lg)}.payment-modal-component .payment-complete-text p{font-size:var(--font-size-sm)}.payment-modal-component .payment-complete-actions{flex-direction:column;gap:.5rem}.payment-modal-component .payment-complete-actions .btn{min-width:auto;width:100%}}.payment-modal-component .payment-modal .btn-primary.payment-step-button{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem!important;font-weight:600!important;transition:all .3s cubic-bezier(.2,.8,.2,1)!important;position:relative;overflow:hidden}.payment-modal-component .payment-modal .btn-primary.payment-step-button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 50%,transparent 100%);transform:translate(-100%);transition:transform .8s cubic-bezier(.25,1,.3,1);pointer-events:none}.payment-modal-component .payment-modal .btn-primary.payment-step-button:hover:after{transform:translate(100%)}.payment-modal-component .payment-modal .btn-primary.payment-step-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 32px #2563eb66;transform:translateY(-1px)}.payment-modal-component .payment-modal .btn-primary.payment-step-button .btn-arrow{transition:transform .25s cubic-bezier(.2,.8,.2,1)!important;width:20px;height:20px;flex-shrink:0}.payment-modal-component .payment-modal .btn-primary.payment-step-button svg.btn-arrow{width:20px;height:20px;stroke-width:2.5}.payment-modal-component .payment-modal .btn-primary.payment-step-button:hover .btn-arrow{transform:translate(2px)}.payment-modal-component .payment-modal .btn-primary.payment-step-button:hover svg.btn-arrow{transform:translate(2px)}.payment-modal-component .payment-modal .btn-primary.payment-step-button:active .btn-arrow{transform:translate(1px)}.payment-modal-component .payment-modal .btn-primary.payment-step-button:active svg.btn-arrow{transform:translate(1px)}.payment-modal-component .payment-modal .btn-primary.payment-step-button .btn-text{font-weight:600;letter-spacing:.025em}.payment-modal-component .payment-modal .btn-primary.payment-step-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.payment-modal-component .payment-modal .btn-primary.payment-step-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-modal-component .payment-modal .btn-primary.payment-step-button:disabled:after{display:none}.payment-modal-component .btn-dots{display:inline-flex;align-items:center;gap:2px;margin-left:.5rem}.payment-modal-component .dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;animation:paymentDotBounce 1s infinite ease-in-out}.payment-modal-component .dot2{animation-delay:.2s}.payment-modal-component .dot3{animation-delay:.4s}@keyframes paymentDotBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.payment-modal-component .btn.loading{pointer-events:none;opacity:.8}.payment-modal-component .btn.loading:after{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}