.checkout-container{max-width:480px;margin:40px auto;font-family:sans-serif}.step-indicator{display:flex;justify-content:space-between;margin-bottom:24px;padding:0 10px}.step-indicator span{font-size:14px;color:#888;font-weight:700;padding-bottom:4px;border-bottom:2px solid #e0e0e0;width:48%;text-align:center}.step-indicator span.active{color:var(--step-indicator-active-color, #00523C);border-bottom:2px solid var(--step-indicator-active-color, #00523C)}.header-message{color:var(--step-indicator-active-color, #00523C);text-align:center;font-size:22px;transform:translateY(30px);font-family:The Future,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.checkout-form{padding:28px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 4px 6px -1px #0000000d}.subtitle,.summary-text{font-size:14px;color:#000;margin-top:-8px;margin-bottom:24px}.error-banner{background-color:#fef2f2;color:#b91c1c;border:1px solid #fee2e2;padding:12px;border-radius:6px;font-size:14px;margin-bottom:20px}.text-input{width:100%;height:44px;padding:10px 14px;border:1px solid #cbd5e1;border-radius:6px;font-size:16px;box-sizing:border-box}.form-row>.form-group{margin-bottom:2px}.form-group{margin-bottom:20px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:#334155}.hosted-field-container{height:44px;padding:10px 14px;border:1px solid #cbd5e1;border-radius:6px;background-color:#f8fafc;box-sizing:border-box}.braintree-hosted-fields-focused{border-color:#0070ba;background-color:#fff;outline:none}.braintree-hosted-fields-invalid{border-color:#ef4444}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media (max-width: 1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width: 1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media (max-width: 1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media (max-width: 1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media (max-width: 1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}.app-header{background-color:var(--header-bg, #00523C);color:#fff;padding:28px 56px}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;justify-content:center;align-items:center}.header-content{display:flex;justify-content:space-between;align-items:center}.app-footer{background-color:var(--footer-bg, #00523C);color:var(--footer-color, #000000);display:block;text-align:center;padding:28px 56px;font-family:The Future,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-weight:400;line-height:1.5;font-size:14px}.grey{color:gray}.app-body{margin:0}.payment-ref-header{margin:0 0 28px;padding-top:0}.paypal-disclaimer{font-size:8px;text-align:center;font-family:The Future,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";padding-bottom:10px}.paypal-disclaimer a{color:#000}.secure-payment{margin-left:auto;display:flex;align-items:center;font-family:The Future,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";gap:8px}.card-group{border:1px solid #cbd5e1;border-radius:8px;margin-bottom:20px;overflow:hidden}.card-payment-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd5e1;padding:8px 12px}.card-payment-label{font-size:14px;font-weight:600;color:#334155}.card-group-body .form-row{padding-top:10px}.card-group-body{padding:12px}.card-number-label-row{margin-bottom:6px}.card-icons{display:flex;gap:4px;align-items:center}.card-icon-box{display:inline-block;width:32px;height:22px;background:#fff}.card-icon-box img{width:100%;height:100%;object-fit:contain}.icon-test{height:20px;width:auto}.summary-text{color:#334155;margin-bottom:20px;font-size:16px}.biller-payment-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;border-bottom:1px solid #808080}.biller-payment-row .form-group{flex:1;min-width:0;color:#000}.biller-payment-row .payment-amount input{width:100%;box-sizing:border-box}.biller-name,.label-biller-name,.label-payment-amount{color:#334155;padding:0}.payment-amount>input{outline:none;border:none;padding:0;height:14px}.success-modal>h3{margin:0;padding-top:10px;padding-bottom:10px;color:#726f70}.success-modal>p{margin:0;padding-bottom:14px;color:#726f70;font-size:13px}.bottom-message-pane{margin-top:20px;padding:12px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;transition:all .3s ease}.bottom-message-pane.hidden{display:none}.bottom-message-pane.visible{display:block}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-ok-btn{margin-top:5px;padding:8px 16px;background-color:var(--submit-button-color, #259DE8);color:#fff;border:none;border-radius:4px;width:200px;cursor:pointer}.success-modal{background:#fff;padding:12px 24px;border-radius:8px;text-align:center;width:300px;height:110px;box-shadow:0 4px 6px #0000001a}#flex-header-link svg{filter:brightness(0) invert(1)}#chu-header-link svg{filter:brightness(0) invert(1)}.back-btn{flex:1;height:48px;background:none;border:1px solid #cbd5e1;color:#475569;border-radius:6px;font-weight:700;cursor:pointer}.submit-btn{flex:2;height:48px;background-color:var(--submit-button-color-disabled, #cbd5e1);color:#726f70;border:none;border-radius:6px;font-weight:700;cursor:pointer}.submit-btn.ready-green{background-color:var(--submit-button-color, #00523C);color:var(--submit-button-font-color, #ffffff)}.submit-btn:disabled,.back-btn:disabled{opacity:.6;cursor:not-allowed}.continue-btn{width:100%;height:46px;background-color:var(--submit-button-color-disabled, #cbd5e1);color:#726f70;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:not-allowed;transition:background-color .3s ease,color .3s ease}.continue-btn.ready-green{background-color:var(--submit-button-color, #00523C);color:var(--submit-button-font-color, #ffffff);cursor:pointer}.continue-btn.ready-green:hover{background-color:var(--submit-button-color, #00523C)}.button-group{display:flex;gap:12px;margin-top:10px}.app-layout{--header-bg: #00A86E;--footer-bg: #00A86E;--footer-color: #FFFFFF;--submit-button-color: #005676;--submit-button-color-disabled: #F8F8F8;--step-indicator-active-color: #00A86E;--submit-button-font-color: #FFFFFF}.app-layout.flex-theme{--header-bg: #6A2C8E;--footer-bg: #6A2C8E;--footer-color: #FFFFFF;--submit-button-color: #C5BFE1;--submit-button-color-disabled: #F8F8F8;--step-indicator-active-color: #6A2C8E;--submit-button-font-color: #000000}