.checkout-body{background:#F4F4F5;min-height:100vh}.checkout-main{padding-top:calc(var(--nav-h)+48px);padding-bottom:80px;min-height:100vh;display:flex;flex-direction:column;align-items:center}.stepper-wrap{width:100%;max-width:380px;margin:0 auto 56px;padding:0 24px;display:flex;flex-direction:column;align-items:flex-end}.stepper{display:flex;align-items:center;width:100%}.step-dot{width:14px;height:14px;border-radius:50%;background:#D0D0D0;flex-shrink:0;transition:background .3s;position:relative;z-index:1}.step-dot.active,.step-dot.done{background:#38D317}.step-line{flex:1;height:3px;background:#D0D0D0;border-radius:2px;transition:background .35s ease}.step-line.done{background:#38D317}.step-label{font-size:.82rem;color:#555;margin-top:8px;font-weight:500}.checkout-step{display:none;width:100%;max-width:480px;padding:0 24px;animation:fadeIn .25s ease}.checkout-step.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.checkout-title{font-size:1.8rem;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:28px}.checkout-form-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.form-group{width:100%;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.88rem;color:#474A4D;font-weight:500}.co-input{width:100%;padding:13px 18px;border:1.5px solid #D0D0D8;border-radius:50px;font-family:inherit;font-size:.95rem;color:#1a1a2e;background:var(--white);outline:none;transition:border-color .2s}.co-input:focus{border-color:#0066FF}.co-input::placeholder{color:#aaa}.co-submit{padding:12px 44px;border-radius:50px;font-size:1rem;font-weight:600;margin-top:6px}.co-sub{font-size:.88rem;color:#555;text-align:center}.otp-row{display:flex;gap:10px;justify-content:center}.otp-box{width:44px;height:44px;border:1.5px solid #D0D0D8;border-radius:10px;text-align:center;font-size:1.1rem;font-weight:600;font-family:inherit;color:#1a1a2e;background:var(--white);outline:none;transition:border-color .2s}.otp-box:focus{border-color:#0066FF}.co-link{font-size:.85rem;color:#555}.co-link a{color:#0066FF;text-decoration:underline}.co-select-wrap{position:relative;width:100%}.co-select-btn{width:100%;padding:13px 18px;border:1.5px solid #D0D0D8;border-radius:50px;font-family:inherit;font-size:.95rem;color:#777;background:var(--white);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .2s}.co-select-btn.selected{color:#1a1a2e}.co-select-btn[aria-expanded="true"]{border-color:#0066FF;border-radius:18px 18px 0 0}.co-chevron{transition:transform .2s;flex-shrink:0}.co-select-btn[aria-expanded="true"] .co-chevron{transform:rotate(180deg)}.co-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1.5px solid #0066FF;border-top:none;border-radius:0 0 18px 18px;overflow:hidden;z-index:100;display:none;box-shadow:0 8px 24px rgba(0,0,0,.10)}.co-dropdown.open{display:block}.co-dropdown li{padding:12px 18px;font-size:.95rem;color:#1a1a2e;cursor:pointer;transition:background .15s,color .15s}.co-dropdown li:hover,.co-dropdown li.selected{background:#FF6816;color:var(--white)}.co-why{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#555;margin-top:-4px}.co-why svg{flex-shrink:0;color:#555}.pkg-card{background:var(--white);border-radius:20px;padding:40px 48px;box-shadow:0 4px 32px rgba(0,0,0,.08);width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;gap:20px}@media (min-width:768px){.pkg-card{max-width:700px}#step4{max-width:740px}}.pkg-info-box{display:flex;align-items:flex-start;gap:12px;background:var(--white);border:1.5px solid #D0D0D8;border-radius:12px;padding:14px 16px;width:100%}.pkg-info-box p{font-size:.82rem;color:#555;line-height:1.5}.pkg-info-icon{flex-shrink:0;color:#555;margin-top:2px}.pkg-tabs{display:flex;gap:12px}.pkg-tab{padding:10px 36px;border-radius:50px;border:2px solid #D0D0D8;font-size:.95rem;font-weight:600;color:#555;background:var(--white);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.pkg-tab.active{background:#FF6816;border-color:#FF6816;color:var(--white)}.pkg-pricing-rows{width:100%;display:flex;flex-direction:column;gap:0}.pkg-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #F0F0F0;font-size:.95rem}.pkg-row:last-child{border-bottom:none}.pkg-row span{color:#555}.pkg-row strong{color:#1a1a2e;font-weight:600}@media (max-width:540px){.checkout-title{font-size:1.5rem}.pkg-card{padding:28px 20px}.otp-box{width:38px;height:38px;font-size:1rem}.otp-row{gap:7px}.stepper-wrap{max-width:300px}}