@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;500;600;700;800&display=swap');
.bdc-app{font-family:"Noto Sans Bengali",system-ui,sans-serif;color:#163b63;background:linear-gradient(#e8f5ff 0 230px,#fff 420px);min-height:100vh;border-radius:0;overflow:hidden}.bdc-app *{box-sizing:border-box}.bdc-hero{position:relative;overflow:hidden;padding:34px 20px 24px;text-align:center;background:linear-gradient(120deg,#bfe7ff,#effaff 58%,#d9f4ff)}.bdc-hero h2{margin:0;font-size:clamp(28px,4vw,46px);font-weight:800;color:#0874c9}.bdc-hero h2 span{color:#078f82}.bdc-hero h2 b{color:#163b63}.bdc-hero p{margin:5px auto 0;color:#54718c;font-size:14px;line-height:1.8}.bdc-wrap{max-width:900px;margin:0 auto;padding:0 18px 40px}.bdc-card{background:#fff;border-radius:14px;box-shadow:0 8px 28px #286fa31c;border:1px solid #dbeaf7}.bdc-tabs{display:flex;gap:6px;padding:12px 18px 0}.bdc-tab{flex:1;border:1px solid #dce8f4;background:white;color:#59738d;border-radius:8px;padding:11px;font:inherit;cursor:pointer}.bdc-tab.active{background:#1976ee;color:#fff;border-color:#1976ee}.bdc-form{padding:18px 20px 20px}.bdc-grid{display:grid;grid-template-columns:1fr 64px 1fr;gap:16px;align-items:end}.bdc-field label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}.bdc-inputwrap{position:relative}.bdc-inputwrap input,.bdc-inputwrap select,.bdc-bangla-selects select{width:100%;height:42px;border:1px solid #cfe0f0;border-radius:8px;padding:0 12px;font:inherit;color:#31536e;outline:none;background:#fbfdff}.bdc-inputwrap input{padding-right:42px}.bdc-inputwrap input:focus,.bdc-bangla-selects select:focus{border-color:#1976ee;box-shadow:0 0 0 3px #1976ee18}.bdc-icon{position:absolute;right:11px;top:9px;color:#4780b3}.bdc-hint{font-size:11px;color:#69839a;margin-top:5px}.bdc-swap{width:56px;height:56px;border-radius:50%;border:0;background:#1976ee;color:#fff;font-size:27px;cursor:pointer;box-shadow:0 5px 15px #1976ee44;align-self:center}.bdc-btn{display:block;margin:20px auto 0;background:#1976ee;color:#fff;border:0;border-radius:8px;padding:11px 38px;font:700 15px inherit;cursor:pointer;box-shadow:0 5px 14px #1976ee33}.bdc-features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:26px 0}.bdc-feature{display:flex;align-items:center;gap:10px;padding:4px 20px;border-right:1px solid #e2ebf3}.bdc-feature:last-child{border:0}.bdc-bubble{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:21px;background:#27bd8b}.bdc-feature:nth-child(2) .bdc-bubble{background:#55a4f2}.bdc-feature:nth-child(3) .bdc-bubble{background:#8460e8}.bdc-feature:nth-child(4) .bdc-bubble{background:#f5b63c}.bdc-feature strong{display:block;font-size:12px}.bdc-feature small{display:block;color:#758ba0;font-size:10px}.bdc-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bdc-panel{border:1px solid #e1edf5;border-radius:10px;padding:13px 18px}.bdc-panel h3{font-size:14px;margin:0 0 9px;color:#166bbd}.bdc-examples{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bdc-examples button{font:inherit;font-size:11px;background:#f2f8fd;border:0;border-radius:12px;padding:7px 9px;display:flex;justify-content:space-between;cursor:pointer;color:#31536e}.bdc-why{background:#eefbf6;border-color:#cfeee1}.bdc-why h3{color:#11856a}.bdc-why li{font-size:11px;margin:5px 0;color:#55756d}.bdc-why ul{margin:0;padding-left:18px}.bdc-result{margin-top:14px;padding:12px;border-radius:9px;background:#f4f9ff;border:1px dashed #b8d5ee;text-align:center;display:none}.bdc-result strong{font-size:24px;color:#126fc7}.bdc-copy{margin-left:8px;border:0;background:#e5f1ff;color:#176dc0;border-radius:6px;padding:4px 9px;cursor:pointer;font:inherit}.bdc-hidden{display:none!important}.bdc-bangla-selects{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:6px}@media(max-width:720px){.bdc-grid{grid-template-columns:1fr}.bdc-swap{margin:auto;transform:rotate(90deg)}.bdc-features{grid-template-columns:1fr 1fr}.bdc-feature{border-right:0;border-bottom:1px solid #e2ebf3;padding:10px}.bdc-bottom{grid-template-columns:1fr}.bdc-examples{grid-template-columns:1fr}.bdc-hero h2{font-size:29px}}