:root{--green:#008b2c;--deep:#006b2b;--ink:#101810}*{box-sizing:border-box}html{min-height:100%;background:#edf2ef}body{margin:0;padding:18px 12px;font-family:system-ui,-apple-system,'Noto Sans Bengali',sans-serif;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #75be8b;outline-offset:3px}button{-webkit-tap-highlight-color:transparent}.app{width:min(100%,470px);margin:auto;background:#fff;min-height:850px;border-radius:23px;box-shadow:0 12px 48px #16452d18;overflow:hidden;position:relative}.stage{display:flex;flex-direction:column;min-height:850px}.head{height:117px;flex:none;position:relative;display:flex;align-items:center;gap:10px;padding:13px 16px 30px;color:#fff;background:radial-gradient(ellipse at 30% 0,#00a756 0,transparent 68%),linear-gradient(110deg,#007939,#006332)}.head:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:29px;background:url('assets/header-wave.svg') center bottom/100% 100% no-repeat;pointer-events:none}.logo{height:67px;width:67px;object-fit:contain;border:3px solid white;border-radius:50%;background:#fff;flex:none}.separator{height:54px;width:1px;background:#d8f9df;flex:none}.brand{flex:1;min-width:0}.brand b{display:block;font-family:Arial,sans-serif;font-style:italic;font-size:24px;letter-spacing:-.9px;white-space:nowrap;line-height:1.1}.brand small{display:block;font-size:12px;white-space:nowrap;margin-top:4px;letter-spacing:-.2px}.lang{font-size:13px;white-space:nowrap;background:#fff;color:#085c2d;border:0;border-radius:50px;padding:8px 12px;font-weight:600;flex:none}.page{display:none;min-width:0}.page.active{display:flex}.free{flex:1;flex-direction:column;align-items:center;text-align:center;position:relative;padding:23px 16px 0;min-height:733px;gap:0}.wifi-disc{width:235px;height:235px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 45% 40%,#e5ffe8,#a9f5b1 54%,#d7fbdf 55%,#e1fbe5 70%);box-shadow:inset 0 0 30px #c1f4cc55;flex:none;margin:0 auto 24px}.wifi-disc svg{width:151px;height:151px;fill:#008200}.free-title{font-size:27px;line-height:1.5;font-weight:750;margin:0 0 15px;letter-spacing:-1px;white-space:nowrap}.free-sub{font-size:20px;line-height:1.7;font-weight:650;margin:0 0 26px;white-space:nowrap;letter-spacing:-.5px}.pill{display:inline-block;padding:3px 12px;background:#00880c;color:#fff;border-radius:40px;font-size:22px}.free-button{display:flex;justify-content:center;align-items:center;gap:11px;width:100%;border:0;border-radius:50px;color:#fff;background:linear-gradient(#00a91c,#008b09 50%,#006600);box-shadow:0 7px 12px #006f1226;min-height:64px;padding:12px 12px;font-size:25px;font-weight:700;letter-spacing:-.5px;white-space:nowrap}.play{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:#fff;color:#07912a;font-size:22px;padding-left:4px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);background:#eaf7ed;border-radius:23px;width:100%;margin:29px 0 20px;padding:15px 0;min-height:108px}.benefits>div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:15px;line-height:1.4;font-weight:650;padding:0 6px}.benefits>div+div{border-left:1px solid #cddfd1}.benefits svg{width:34px;height:34px;fill:#087c22}.free-foot{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;min-height:84px;width:calc(100% + 32px);margin:auto -16px 0;padding:30px 10px 14px;background:url('assets/footer-wave.svg') center top/100% 100% no-repeat;font-size:27px;line-height:1.2;font-weight:500}.free-foot svg{width:39px;height:39px;fill:#fff}.paid{flex-direction:column;padding:0 12px 18px;gap:10px;min-height:733px}.slider{height:122px;position:relative;overflow:visible;background:#00338b;border-radius:18px;flex:none;margin-top:0;margin-bottom:10px}.slide{position:absolute;inset:0;display:none;align-items:center;justify-content:space-between;padding:14px 30px 18px;border-radius:18px;background:radial-gradient(ellipse at 77% 80%,#006eea 0,transparent 48%),linear-gradient(135deg,#00177b,#002b9e 70%,#00256c);overflow:hidden}.slide:after{content:'';position:absolute;inset:-50px;background:linear-gradient(135deg,transparent 30%,#ffffff05 30%,#ffffff05 36%,transparent 36%,transparent 53%,#ffffff08 53%,#ffffff08 60%,transparent 60%);pointer-events:none}.slide.on{display:flex}.caption{position:relative;z-index:1;max-width:75%;text-align:center}.slide strong{display:block;font-size:23px;line-height:1.2;color:#ffed00;font-weight:750;letter-spacing:-.6px}.slide small{display:block;color:#fff;font-size:13px;margin-top:7px;white-space:nowrap}.router{position:relative;z-index:1;width:92px;height:92px;flex:none;filter:drop-shadow(0 8px 5px #00144955)}.arrow{position:absolute;z-index:3;top:42%;width:26px;height:26px;border-radius:50%;border:0;background:#fff;color:#32445b;font:700 18px/1 system-ui;padding:0;box-shadow:0 1px 3px #0003}.prev{left:6px}.next{right:6px}.dots{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);z-index:4;background:#fff;border-radius:30px;padding:0 10px;color:#a7a7a7;letter-spacing:2px;font-size:13px;line-height:23px;white-space:nowrap}.dots .on{color:#008c27}.warning{display:flex;align-items:center;gap:11px;border:1px solid #f0bec0;border-radius:15px;background:#ffeded;min-height:62px;padding:8px 12px;margin:2px 0 0}.warning svg{width:42px;height:42px;fill:#cf1818;flex:none}.warning strong{display:block;color:#850b0b;font-size:22px;line-height:1.25;letter-spacing:-.8px}.warning small{display:block;font-size:14px;line-height:1.5;margin-top:2px}.packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.package{position:relative;display:flex;align-items:center;gap:8px;text-align:center;padding:7px 10px;border-radius:16px;border:1.5px solid #c8c8c8;background:linear-gradient(#fff,#f6f6f6);min-height:78px;color:#080e08;transition:background .15s,border-color .15s}.package.selected{background:radial-gradient(ellipse at 80% 80%,#9bffa9,#e5ffe8);border-color:#119524;box-shadow:inset 0 0 0 1px #269f2733}.package svg{width:30px;height:30px;fill:#128523;flex:none}.package .info{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:3px}.package b{font-size:22px;line-height:1.2;white-space:nowrap;letter-spacing:-.6px}.price{display:inline-block;border-radius:30px;background:#008c00;color:#fff;font-size:20px;line-height:1.15;padding:3px 17px;min-width:68px;font-weight:600;white-space:nowrap}.radio{width:23px;height:23px;border:1.5px solid #777;border-radius:50%;flex:none;margin-top:22px;display:grid;place-items:center;color:transparent;font-size:17px;font-family:Arial,sans-serif;font-weight:800;line-height:1}.selected .radio{background:#078e1a;border-color:#078e1a;color:#fff}.paytitle{text-align:center;font-size:21px;font-weight:700;line-height:1.3;margin:0;letter-spacing:-.6px}.paymethods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.method{display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid #ed649d;background:#ffe6f1;border-radius:15px;min-height:59px;color:#990b40;padding:7px 9px}.method b{font:700 25px/1.05 Arial,sans-serif}.method small{display:block;font-size:16px;line-height:1.35}.method.nagad{border-color:#f6a36f;background:#fff0e5;color:#8e1e0a}.payment-symbol{height:39px;width:39px;flex:none}.or{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1;color:#171717;margin:1px 0}.or:before,.or:after{content:'';height:1px;flex:1;background:#d0d0d0}.voucher{display:flex;align-items:center;gap:7px;padding:6px;border:1.5px solid #d3d3d3;background:#f4f4f4;border-radius:16px}.voucher>svg{height:28px;width:31px;fill:#009126;flex:none}.voucher input{width:100%;min-width:0;background:#fff;border:1px solid #bfc3bf;border-radius:10px;padding:8px 9px;font-size:16px;height:38px;outline:none}.claim{color:#fff;background:linear-gradient(#00ab06,#008400);border:0;border-radius:12px;padding:8px 14px;font-size:18px;font-weight:600;min-height:38px}.support{display:flex;align-items:center;justify-content:center;gap:11px;background:linear-gradient(#00a01a,#006c00);border:0;border-radius:50px;color:#fff;padding:9px 20px;min-height:62px;align-self:center;max-width:100%;min-width:77%;box-shadow:0 5px 10px #006d151c;margin-top:3px}.support>svg{height:41px;width:41px;fill:#fff;flex:none}.support-copy{display:flex;flex-direction:column;font-size:18px;line-height:1.35;text-align:center}.support-phone{font-family:Arial,sans-serif;font-size:20px;font-weight:600;white-space:nowrap}.operator{display:flex;align-items:center;justify-content:center;gap:8px;font:13px/1.5 Arial,sans-serif;white-space:nowrap;margin:3px 0 0}.operator:before,.operator:after{content:'';height:1px;background:#ccc;flex:1;max-width:35px}.operator b{color:#004da3}.location{border:0;background:#e3f5e7;border-radius:30px;font-size:12px;line-height:1.4;padding:10px 11px;min-height:36px;text-align:center}.service-status{font-size:10px;line-height:1.5;text-align:center;color:#687c6d;margin:7px 0 0}.back-link{background:none;border:0;align-self:center;color:#547b5c;font-size:11px;padding:2px 8px;margin-top:-4px}.catalog-message{grid-column:1/-1;background:#eff7f0;border:1px solid #d5e5d7;border-radius:12px;padding:18px 12px;text-align:center;font-size:12px;color:#496b50;line-height:1.7}.modal{display:none;position:fixed;inset:0;z-index:30;background:#00261788;padding:24px;align-items:center;justify-content:center}.modal.show{display:flex}.modal-card{background:#fff;border-radius:19px;padding:24px;width:min(360px,100%);box-shadow:0 15px 50px #00351c33}.modal-card h2{font-size:20px;margin:0 0 12px}.modal-card p{font-size:14px;line-height:1.8;margin:0 0 18px;color:#526558;white-space:pre-line}.modal-card button{border:0;background:#008d30;color:white;padding:10px 18px;border-radius:9px;min-height:42px;font-weight:600}.toast{display:none}
@media(max-width:600px){body{padding:0;background:#fff}.app{width:100%;max-width:480px;border-radius:0;box-shadow:none;min-height:100svh}.stage{min-height:100svh}.head{height:106px;padding:12px 14px 27px;gap:9px}.logo{width:58px;height:58px}.separator{height:47px}.brand b{font-size:21px}.brand small{font-size:10.5px}.lang{font-size:12px;padding:7px 10px}.free{min-height:calc(100svh - 106px);padding-top:22px}.wifi-disc{width:214px;height:214px;margin-bottom:21px}.wifi-disc svg{height:137px;width:137px}.free-title{font-size:25px}.free-sub{font-size:18px;margin-bottom:24px}.pill{font-size:20px}.free-button{min-height:59px;font-size:23px}.benefits{margin:25px 0 16px;min-height:104px}.free-foot{min-height:86px}.paid{min-height:calc(100svh - 106px);padding-left:11px;padding-right:11px;gap:9px}.slider{height:120px}.slide strong{font-size:22px}.warning strong{font-size:21px}.warning small{font-size:13px}.package{min-height:76px;padding:7px 9px;gap:6px}.package b{font-size:21px}.package svg{width:28px;height:28px}.price{font-size:20px;padding:3px 14px}.radio{width:22px;height:22px}.paytitle{font-size:20px}.method{min-height:56px}.method b{font-size:24px}.support{min-height:60px}.operator{font-size:12px}.operator b{font-size:12px}.location{font-size:11px}}
@media(max-width:390px){.head{height:98px;padding:10px 12px 25px;gap:7px}.logo{height:51px;width:51px}.separator{height:41px}.brand b{font-size:18px}.brand small{font-size:9px}.lang{font-size:11px;padding:7px 9px}.free{min-height:calc(100svh - 98px);padding-top:21px}.wifi-disc{height:193px;width:193px}.wifi-disc svg{height:124px;width:124px}.free-title{font-size:22px;letter-spacing:-.7px}.free-sub{font-size:16px}.pill{font-size:18px;padding:3px 10px}.free-button{font-size:21px;gap:9px;min-height:55px}.play{height:34px;width:34px;font-size:20px}.benefits>div{font-size:14px}.free-foot{font-size:24px}.paid{gap:8px;min-height:calc(100svh - 98px)}.slider{height:106px}.slide{padding-left:27px;padding-right:26px}.slide strong{font-size:19px}.slide small{font-size:11px}.router{width:80px;height:80px}.warning{min-height:56px;padding:7px 10px;gap:9px}.warning svg{width:34px;height:34px}.warning strong{font-size:19px}.warning small{font-size:12px}.package{min-height:71px;padding:6px 8px;gap:5px;border-radius:14px}.package b{font-size:19px}.package svg{width:25px;height:25px}.price{font-size:18px;min-width:61px;padding:3px 11px}.radio{width:19px;height:19px;margin-top:21px;font-size:15px}.paytitle{font-size:18px}.method{min-height:53px;padding:6px;gap:6px}.method b{font-size:21px}.method small{font-size:14px}.payment-symbol{width:32px;height:32px}.voucher input{font-size:14px;height:36px}.claim{font-size:16px;padding:7px 12px;min-height:36px}.support{min-height:55px;padding:8px 17px;gap:9px}.support>svg{height:35px;width:35px}.support-copy{font-size:16px}.support-phone{font-size:18px}.operator{font-size:10.5px;gap:5px}.operator b{font-size:10.5px}.location{font-size:10px}}
@media(max-width:340px){.brand b{font-size:16px}.brand small{font-size:8px}.logo{width:45px;height:45px}.lang{font-size:10px;padding:6px}.head{gap:6px}.free-title{font-size:20px}.free-sub{font-size:14px}.free-button{font-size:19px}.package b{font-size:17px}.package svg{width:22px;height:22px}.price{font-size:17px;min-width:54px;padding:3px 9px}.radio{width:17px;height:17px}.slide strong{font-size:17px}.slide small{font-size:9px}.router{width:68px}.warning strong{font-size:17px}.warning small{font-size:10px}.paytitle{font-size:16px}.method b{font-size:19px}.method small{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:600px){.free{padding-top:15px}.wifi-disc{width:min(52vw,214px);height:min(52vw,214px);margin-bottom:16px}.wifi-disc svg{width:65%;height:65%}.free-title{margin-bottom:10px}.free-sub{margin-bottom:12px}.free .service-status{margin:0 0 12px}.benefits{margin:24px 0 14px;min-height:96px}.free-foot{min-height:80px}}
.brand-hotspot{display:block;font-size:17px;font-weight:650;line-height:1.15;letter-spacing:.1px;margin-top:4px;color:#ecffe8}.brand small{font-size:10px;line-height:1.2;margin-top:4px}.free-foot{min-height:58px;padding:0}.wifi-disc{background:radial-gradient(circle at 50% 50%,#c9fbd0 0,#b2f5bc 56%,#d9fbe0 57%,#e4fce8 71%)}.free-title{font-weight:650}@media(max-width:600px){.brand-hotspot{font-size:15px;margin-top:3px}.brand small{font-size:9px;margin-top:3px}.free-foot{min-height:55px}}@media(max-width:390px){.brand-hotspot{font-size:13px}.brand small{font-size:8px}}@media(max-width:340px){.brand-hotspot{font-size:12px}.brand small{font-size:7px}}
.modal-card button{display:block;margin-left:auto;margin-right:auto}
.method{flex-direction:column;gap:2px;padding:5px 8px}.payment-logo{display:block;object-fit:contain;width:108px;height:38px;max-width:100%}.method.nagad .payment-logo{width:108px;height:38px}.method small{font-size:12px;line-height:1.2}@media(max-width:390px){.payment-logo,.method.nagad .payment-logo{width:92px;height:33px}.method small{font-size:11px}.method{min-height:55px}}