.developer-menu{position:relative;align-self:stretch;flex-shrink:0}
.developer-toggle{display:flex;align-items:center;gap:6px;height:77px;padding:0;border:0;background:transparent;color:#e3edf6;font:inherit;letter-spacing:inherit;cursor:pointer}
.developer-toggle svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.7;transition:transform .18s ease}
.developer-toggle[aria-expanded=true]{color:#10b8ff}
.developer-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.developer-toggle:hover{color:#10b8ff}
.developer-toggle:focus-visible,.developer-menu-panel a:focus-visible{outline:2px solid #58caff;outline-offset:4px;border-radius:4px}
.developer-menu-panel{position:absolute;right:0;top:calc(100% + 5px);width:280px;max-width:calc(100vw - 44px);padding:6px;background:#07273d;border:1px solid #39617c;border-radius:8px;box-shadow:0 16px 38px #0006;z-index:45}
.developer-menu-panel[hidden]{display:none!important}
.site-header nav .developer-menu-panel a{height:auto;min-height:44px;padding:12px 14px;border-radius:4px;line-height:1.55;font-size:12px;color:#e3edf6;overflow-wrap:anywhere}
.site-header nav .developer-menu-panel a:hover,.site-header nav .developer-menu-panel a:focus-visible{color:#fff;background:#133e5b}
.site-header nav .developer-menu-panel a.active:after{display:none}
.developer-section{padding:40px 0;background:#061f32;color:#e4edf5}
.developer-section h2{font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0 0 22px}
.developer-cards{display:grid;grid-template-columns:1fr 1.4fr;gap:24px}
.developer-card{min-width:0;padding:22px;border:1px solid #355169;border-radius:8px;background:#09283d;scroll-margin-top:130px}
.developer-card h3{font-size:18px;line-height:1.5;font-weight:500;margin:0 0 16px}
.developer-card a,.developer-support a{overflow-wrap:anywhere}
.developer-contact-links{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap}
.developer-profile-link,.developer-contact-links a{display:inline-flex;align-items:center;min-height:44px;color:#a6dfff;text-decoration:underline;text-underline-offset:4px}
.developer-card a:hover{color:#fff}
.developer-card:focus,.developer-support:focus{outline:2px solid #58caff;outline-offset:-2px}
.developer-support{scroll-margin-top:130px}
.developer-support .support-header h2{max-width:850px;line-height:1.55}
.developer-support .support-body{padding-top:7px}
.developer-support .support-body p{margin:16px 0;font-size:14px;line-height:1.95;max-width:1000px}
.developer-support-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.developer-support-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border:1px solid #75c9f0;border-radius:5px;line-height:1.65;font-size:13px;text-align:center}
.developer-support-actions a:first-child{background:#078fe0;border-color:#078fe0;color:#fff}
.developer-support-actions a:hover{background:#0a4470;color:#fff}
.developer-support-call{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:12px;color:#bde9ff;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.developer-card a:focus-visible,.developer-support a:focus-visible{outline:2px solid #58caff;outline-offset:4px;border-radius:4px}
@media(max-width:760px){
  .site-header nav{position:relative;flex-wrap:wrap;align-items:center;gap:4px 12px;justify-content:space-between}
  .site-header nav .developer-menu{position:static}
  .developer-toggle{height:37px}
  .developer-menu-panel{top:calc(100% + 3px);font-size:12px}
  .developer-section{padding:26px 0}
  .developer-section h2{font-size:21px;margin-bottom:16px}
  .developer-cards{grid-template-columns:1fr;gap:14px}
  .developer-card{padding:17px}
  .developer-card h3{font-size:16px;margin-bottom:10px}
  .developer-contact-links{gap:3px 16px}
  .developer-support .support-header h2{font-size:21px}
  .developer-support .support-body p{font-size:13px;line-height:1.95}
  .developer-support-actions{gap:10px;margin-top:18px}
  .developer-support-actions a{width:100%;padding:10px 14px}
}
@media(max-width:380px){.site-header nav{gap:3px 9px}.developer-toggle{font-size:10px}}
@media(prefers-reduced-motion:reduce){.developer-toggle svg{transition:none}}

/* English copy refinement: retain the existing Bengali presentation. */
.developer-card .developer-description{margin:0 0 14px;font-size:14px;line-height:1.85;color:#d5e4ef}
html[lang="bn"] .english-copy{display:none}
