/* Sweet Billing Hotspot Captive Portal v1.5.12.9 */
:root{
  --hs-primary:#2563eb;
  --hs-bg:#08111f;
  --hs-card:#ffffff;
  --hs-card-soft:#f8fafc;
  --hs-text:#101828;
  --hs-muted:#667085;
  --hs-border:#dfe4ea;
  --hs-field:#ffffff;
  --hs-field-text:#101828;
  --hs-success:#067647;
  --hs-danger:#b42318;
  --hs-shadow:0 18px 48px rgba(15,23,42,.18);
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--hs-bg)}
body.hs-captive-page{
  margin:0;min-height:100vh;display:grid;place-items:center;padding:24px 14px;
  font-family:"Noto Sans Bengali","Hind Siliguri",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--hs-bg);color:var(--hs-text);
}
body.hs-captive-page[style*="--hs-bg-image"]{background-image:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),var(--hs-bg-image);background-size:cover;background-position:center;background-attachment:fixed}
button,input,select,textarea{font:inherit}a{color:inherit}svg{display:block}
.hs-shell{width:min(100%,430px)}
.hs-auth-shell{display:grid;gap:12px}
.hs-brand{text-align:center;padding:0 12px;color:#fff}
.hs-brand-logo{min-height:48px;display:grid;place-items:center;margin-bottom:6px}
.hs-brand-logo img{display:block;max-width:170px;max-height:62px;object-fit:contain}
.hs-brand-fallback{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--hs-primary);color:#fff}
.hs-brand-fallback svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.hs-brand h1{margin:0;font-size:1.45rem;line-height:1.25;letter-spacing:-.02em}
.hs-brand p{margin:4px 0 0;color:rgba(255,255,255,.7);font-size:.78rem}
.hs-panel{position:relative;background:var(--hs-card);border:1px solid var(--hs-border);border-radius:20px;padding:27px 22px 18px;box-shadow:var(--hs-shadow);overflow:hidden}
.hs-language-switch{position:absolute;top:10px;right:12px;color:var(--hs-primary);font-size:.66rem;font-weight:800;text-decoration:none;padding:3px 7px;border-radius:6px;border:1px solid var(--hs-border);background:var(--hs-card-soft);line-height:1.2}
.hs-form-title{margin:4px 0 15px;padding-right:46px}
.hs-form-title h2{margin:0;font-size:1.16rem;letter-spacing:-.01em}
.hs-form-title p{margin:4px 0 0;color:var(--hs-muted);font-size:.76rem;line-height:1.4}
.hs-welcome{display:none}
.hs-label{display:block;margin:12px 0 5px;color:var(--hs-text);font-size:.76rem;font-weight:750}
.hs-input,.hs-select{width:100%;min-height:46px;border:1px solid var(--hs-border);border-radius:11px;background:var(--hs-field);color:var(--hs-field-text);padding:10px 12px;font-size:.92rem;outline:none;transition:border-color .15s,box-shadow .15s}
.hs-input::placeholder{color:#98a2b3}.hs-input:focus,.hs-select:focus{border-color:var(--hs-primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.hs-input-wrap{position:relative}.hs-input-wrap>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#98a2b3;pointer-events:none}.hs-input-wrap>span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.hs-input-wrap>.hs-input{padding-left:39px}
.hs-password{position:relative}.hs-password .hs-input{padding-right:60px}.hs-password button{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;border-radius:7px;background:var(--hs-card-soft);color:var(--hs-muted);padding:6px 8px;font-size:.68rem;font-weight:800;cursor:pointer}
.hs-btn{width:100%;min-height:46px;border:0;border-radius:11px;padding:11px 14px;margin-top:14px;background:var(--hs-primary);color:#fff;font-weight:800;font-size:.9rem;cursor:pointer;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center;gap:7px;transition:filter .15s,transform .15s}
.hs-btn:hover{filter:brightness(.96);transform:translateY(-1px)}.hs-btn.secondary{background:#111827}.hs-btn.outline{background:transparent;color:var(--hs-primary);border:1px solid var(--hs-border)}.hs-connect{background:#078744}
.hs-message,.hs-alert{border-radius:9px;padding:8px 10px;margin:0 0 12px;border:1px solid #f0b9b5;background:#fff4f3;color:var(--hs-danger);font-size:.73rem;font-weight:650;line-height:1.4}.hs-message.success{border-color:#a6dec0;background:#effbf4;color:var(--hs-success)}.hs-message.warning{border-color:#f1cf8a;background:#fff8e7;color:#925000}.hs-message small{font-weight:500}
.hs-action-grid{display:grid;gap:8px;margin-top:12px}.hs-action-card{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid var(--hs-border);border-radius:11px;background:var(--hs-card-soft);text-decoration:none;color:var(--hs-text)}.hs-action-card::after{content:"→";color:var(--hs-primary);font-weight:900}.hs-action-card span{font-size:.82rem;font-weight:800}.hs-action-card small{display:none}.hs-simple-note{display:none}
.hs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hs-span-2{grid-column:span 2}.hs-otp-input{text-align:center;font-size:1.35rem;font-weight:850;letter-spacing:.22em}.hs-text-link{display:block;text-align:center;margin-top:14px;color:var(--hs-primary);font-size:.78rem;font-weight:750;text-decoration:none}
.hs-step-title{margin:3px 0 15px}.hs-step-title .hs-step-icon{display:none}.hs-step-title h2{margin:0;font-size:1.12rem}.hs-step-title p{margin:4px 0 0;color:var(--hs-muted);font-size:.75rem}
.hs-account-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--hs-border)}.hs-account-head>div{display:flex;flex-direction:column;min-width:0}.hs-account-head strong,.hs-account-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-account-head small{margin-top:2px;color:var(--hs-muted);font-size:.72rem}.hs-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--hs-primary);color:#fff;font-weight:850}.hs-logout button{border:1px solid var(--hs-border);background:var(--hs-card-soft);color:var(--hs-muted);border-radius:8px;padding:7px 9px;font-size:.68rem;font-weight:800;cursor:pointer}
.hs-grid,.hs-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.hs-info{min-width:0;padding:10px;border:1px solid var(--hs-border);border-radius:11px;background:var(--hs-card-soft)}.hs-info span{display:block;color:var(--hs-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;font-weight:750}.hs-info strong{display:block;margin-top:3px;color:var(--hs-text);font-size:.82rem;overflow-wrap:anywhere}
.hs-checkout-head{display:flex;align-items:center;justify-content:space-between;margin:3px 0 12px;color:var(--hs-muted);font-size:.74rem;font-weight:750}.hs-checkout-head a{color:var(--hs-primary);text-decoration:none}.hs-selected-package{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:11px;background:var(--hs-card-soft);border:1px solid var(--hs-border);margin-bottom:14px}.hs-selected-package div{display:flex;flex-direction:column;min-width:0}.hs-selected-package small,.hs-selected-package span{color:var(--hs-muted);font-size:.67rem}.hs-selected-package strong{margin:2px 0;font-size:.86rem}.hs-selected-package b{font-size:.92rem;color:var(--hs-primary);white-space:nowrap}
.hs-gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 12px}.hs-gateway-card{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:9px;border:1px solid var(--hs-border);border-radius:10px;background:var(--hs-field);cursor:pointer}.hs-gateway-card input{position:absolute;opacity:0}.hs-gateway-card:has(input:checked){border-color:var(--hs-primary);box-shadow:0 0 0 2px rgba(37,99,235,.1)}.hs-gateway-mark{grid-row:span 2;display:grid;place-items:center;width:43px;height:34px;border-radius:7px;background:#fff;border:1px solid var(--hs-border)}.hs-gateway-mark img{max-width:38px;max-height:23px}.hs-gateway-card strong{font-size:.75rem}.hs-gateway-card small{font-size:.62rem;color:var(--hs-muted)}
.hs-section-heading{margin:17px 0 8px}.hs-section-heading div{display:flex;flex-direction:column}.hs-section-heading strong{font-size:.85rem}.hs-section-heading small{margin-top:2px;color:var(--hs-muted);font-size:.66rem}.hs-package-grid{display:grid;gap:7px}.hs-package-option{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--hs-border);border-radius:10px;background:var(--hs-field)}.hs-package-option div{display:flex;flex-direction:column;min-width:0}.hs-package-option strong{font-size:.78rem}.hs-package-option small,.hs-package-option span{color:var(--hs-muted);font-size:.63rem}.hs-package-option>b{color:var(--hs-primary);font-size:.78rem;white-space:nowrap}.hs-package-option button{border:0;background:#111827;color:#fff;border-radius:7px;padding:7px 9px;font-size:.66rem;font-weight:800;cursor:pointer}
.hs-card-redeem{margin-top:14px;padding:12px;border:1px solid var(--hs-border);border-radius:11px;background:var(--hs-card-soft)}.hs-card-redeem>div{display:flex;flex-direction:column;margin-bottom:8px}.hs-card-redeem strong{font-size:.82rem}.hs-card-redeem small{margin-top:2px;color:var(--hs-muted);font-size:.65rem}.hs-card-redeem form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}.hs-card-redeem .hs-btn{width:auto;margin-top:0;white-space:nowrap}
.hs-support-list{margin:17px -22px 0;padding:13px 22px 0;border-top:1px solid var(--hs-border);text-align:center}.hs-support-list>span{display:block;color:var(--hs-muted);font-size:.65rem;font-weight:700;margin-bottom:6px}.hs-support-list>div{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px}.hs-support-list a{color:var(--hs-primary);font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap}
.hs-footer{text-align:center;margin-top:11px}.hs-footer a{color:var(--hs-muted);font-size:.66rem;text-decoration:none}.hs-footer strong{color:var(--hs-text);font-weight:800}.hs-footer a:hover strong{color:var(--hs-primary)}
.hs-preview-notice{position:relative;z-index:3}

/* Style 1: Clean Light */
.hs-theme-clean-light{--hs-card:#fff;--hs-card-soft:#f7f9fc;--hs-text:#101828;--hs-muted:#667085;--hs-border:#dde3ea;--hs-field:#fff;--hs-field-text:#101828;--hs-shadow:0 16px 40px rgba(15,23,42,.14);background:var(--hs-bg)}
.hs-theme-clean-light .hs-brand{color:#101828}.hs-theme-clean-light .hs-brand p{color:#667085}
/* Style 2: Professional Dark */
.hs-theme-professional-dark{--hs-card:#101827;--hs-card-soft:#172235;--hs-text:#f7f9fc;--hs-muted:#9aa8bc;--hs-border:#29384d;--hs-field:#0d1522;--hs-field-text:#f7f9fc;--hs-shadow:0 18px 48px rgba(0,0,0,.32);background:var(--hs-bg)}
.hs-theme-professional-dark .hs-password button,.hs-theme-professional-dark .hs-language-switch{background:#172235}.hs-theme-professional-dark .hs-package-option button,.hs-theme-professional-dark .hs-btn.secondary{background:#263449}
/* Style 3: Corporate */
.hs-theme-corporate{--hs-card:#fff;--hs-card-soft:#f4f7fb;--hs-text:#14213d;--hs-muted:#64748b;--hs-border:#d8e0eb;--hs-field:#fff;--hs-field-text:#14213d;--hs-shadow:0 15px 38px rgba(20,33,61,.15);background:var(--hs-bg)}
.hs-theme-corporate .hs-panel{border-top:4px solid var(--hs-primary);border-radius:12px}.hs-theme-corporate .hs-brand h1{font-weight:800}
/* Style 4: Minimal */
.hs-theme-minimal{--hs-card:#fff;--hs-card-soft:#fafafa;--hs-text:#18181b;--hs-muted:#71717a;--hs-border:#e4e4e7;--hs-field:#fff;--hs-field-text:#18181b;--hs-shadow:none;background:var(--hs-bg)}
.hs-theme-minimal .hs-brand{color:#18181b}.hs-theme-minimal .hs-brand p{color:#71717a}.hs-theme-minimal .hs-panel{border-radius:8px}.hs-theme-minimal .hs-brand-fallback,.hs-theme-minimal .hs-avatar{border-radius:8px}
/* Style 5: Neon */
.hs-theme-neon{--hs-primary:#23d5ff;--hs-card:#07131d;--hs-card-soft:#0b1d2a;--hs-text:#ecfeff;--hs-muted:#8bb5bf;--hs-border:#174052;--hs-field:#061019;--hs-field-text:#ecfeff;--hs-shadow:0 0 0 1px rgba(35,213,255,.12),0 18px 48px rgba(0,0,0,.42);background:#02070b}
.hs-theme-neon .hs-panel{border-color:#1e657b}.hs-theme-neon .hs-language-switch,.hs-theme-neon .hs-password button{background:#0b1d2a}.hs-theme-neon .hs-package-option button,.hs-theme-neon .hs-btn.secondary{background:#123448}.hs-theme-neon .hs-brand-fallback{color:#041014}

@media(max-width:560px){body.hs-captive-page{padding:15px 10px 21px;place-items:start center}.hs-shell{margin:auto 0}.hs-brand-logo{min-height:43px}.hs-brand-logo img{max-width:155px;max-height:54px}.hs-brand h1{font-size:1.28rem}.hs-panel{padding:25px 16px 16px;border-radius:16px}.hs-support-list{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.hs-form-grid,.hs-gateway-grid{grid-template-columns:1fr}.hs-span-2{grid-column:auto}.hs-package-option{grid-template-columns:1fr auto}.hs-package-option button{grid-column:span 2;width:100%}.hs-card-redeem form{grid-template-columns:1fr}.hs-card-redeem .hs-btn{width:100%}.hs-account-head{grid-template-columns:auto 1fr}.hs-logout{grid-column:span 2}.hs-logout button{width:100%}}
@media(max-width:360px){.hs-grid,.hs-usage-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* v1.5.12.9: design visibility controls */
.hs-brand.without-logo{padding-top:4px}
.hs-brand.without-logo h1{margin-top:0}