@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);*{box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0}html{font-family:Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0}body.cptpl_page{font-family:Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:url('/assets/lp4/bgimg.png') center center/cover no-repeat;min-height:100vh;position:relative;margin:0;padding:0}body.cptpl_page::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1}#overlay.container{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}#form,#step0{width:100%}.confirmation-card{background:#fff;border-radius:20px;padding:20px;max-width:390px;width:100%;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.3)}.hero-banner{width:100%;margin-bottom:20px;text-align:center}.hero-banner .cptpl_logo,.hero-banner img{width:100%;height:auto;display:block}.cptpl_service{text-align:center;font-size:15px;color:#333;margin:20px 0;line-height:1.4}.price-section{text-align:center;margin:10px 0;font-size:14px;color:#333;line-height:1.5}.cptpl_price{font-weight:400}.cptpl_bill{text-align:center;font-size:14px;color:#666;margin:5px 0}.terms-section{text-align:center}.cptpl_terms{color:#06c;text-decoration:underline;font-size:14px}.button-container{margin-top:20px}.button{display:block;width:100%;padding:16px;border-radius:25px;text-align:center;font-size:18px;font-weight:700;text-decoration:none;border:none;cursor:pointer;margin-bottom:16px;transition:.3s;letter-spacing:.5px}.button.accept{background:#00c853;color:#fff}.button.accept:hover{background:#00a844}.button.decline{background:#fff;border:1px solid #e0e0e0;color:#999}.button.decline:hover{background:#d0d0d0}.input_group{margin:20px 0}.totheend{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;text-align:center;margin-bottom:10px}.totheend:focus{outline:0;border-color:#00c853}.msisdn_suggestion{font-size:12px;color:#666;text-align:center;margin:10px 0}.error-msg{color:#f44336;font-size:14px;text-align:center;margin:10px 0;display:none}.pin-section{padding:20px 0}.pin-title{font-size:18px;font-weight:600;text-align:center;margin:15px 0;color:#333}.pin-description{font-size:14px;text-align:center;color:#666;margin:15px 0;line-height:1.5}.pin-disc{text-align:center;margin:20px 0}.pin-disc a{color:#06c;text-decoration:underline;font-size:14px}.pin-terms{font-size:12px;color:#666;margin-top:15px;line-height:1.4}.cptpl_template{display:none}.loader-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:9998}.loader{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.loader-spinner{width:50px;height:50px;position:relative}.loader-spinner div{left:0;right:0;top:0;margin:auto;position:absolute;width:6px;height:12px;border-radius:40%;background:#00c853;animation:1s linear infinite spinner;transform-origin:3px 27px}@keyframes spinner{0%{opacity:1}100%{opacity:0}}#stepEx{display:none}.stepEx{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1000;display:none;align-items:center;justify-content:center}.disclaimer{background:#fff;border-radius:20px;padding:30px;max-width:340px;width:90%;margin:0 auto}.cb-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:20px}@media (max-width:480px){#overlay.container{padding:8px;align-items:center;overflow-y:auto}.confirmation-card{width:100%;max-width:100%;padding:20px 10px;margin-top:0}.hero-banner .cptpl_logo,.hero-banner img{width:100%;height:auto;max-width:none}.button{padding:24px;font-size:20px}}@media (max-height:750px) and (max-width:480px){#overlay.container{align-items:flex-start;padding-top:20px}}