/* ---------- ROOT & RESET ---------- */
:root{
    --primary:#005bbb;
    --accent:#ffd700;
    --grey:#f5f7fa;
    --dark:#222;
    --shadow:0 2px 8px rgba(0,0,0,.08);
}
*{box-sizing:border-box;margin:0;padding:0;font-family:'SolaimanLipi','Bangla',Arial,sans-serif}
html{scroll-behavior:smooth}
body{background:var(--grey);color:var(--dark);line-height:1.7}

/* ---------- HEADER ---------- */
header{background:var(--primary);color:#fff;text-align:center;padding:3rem 1rem 2.5rem}
header img{width:150px;height:150px;border-radius:50%;border:5px solid var(--accent);margin-bottom:1.2rem}
h1{font-size:2.4rem}

/* Hide inactive language elements */
.lang-hidden {
    display: none;
}



/* ---------- LANGUAGE BUTTON ---------- */
.lang-toggle{position:fixed;top:1rem;right:1rem;background:var(--accent);color:var(--dark);border:none;padding:.5rem 1rem;border-radius:20px;font-weight:bold;cursor:pointer;z-index:10}

/* ---------- DONATE BAR ---------- */
.donate-bar{position:sticky;top:0;background:var(--accent);color:var(--dark);text-align:center;padding:.8rem;font-size:1.1rem;font-weight:bold;box-shadow:var(--shadow);z-index:9}
.donate-bar a{color:var(--dark);text-decoration:underline;margin:0 .5rem}

/* ---------- FULL-WIDTH CONTENT ---------- */
.container{width:100%;max-width:1600px;margin:auto;padding:2rem 2rem}
h2{font-size:1.7rem;margin:2rem 0 .7rem;color:var(--primary)}
.section{display:none;animation:fade .6s}.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* ---------- INTRO BOX ---------- */
.intro-box{background:#fff;padding:1.5rem;border-left:5px solid var(--accent);margin:1.5rem 0;border-radius:6px}

/* ---------- BANK GRID ---------- */
.bank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;margin:1.5rem 0}
.bank-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:var(--shadow)}
.bank-card h4{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}
.bank-card p{margin:.3rem 0}
.label{font-weight:600;color:#555}
.value{cursor:pointer;padding:2px 4px;border-radius:3px;transition:background .2s}
.value:hover{background:rgba(0,91,187,.08)}

/* ---------- UPLOAD BOX ---------- */
.upload-box{background:#fff;border:2px dashed var(--primary);border-radius:8px;padding:1.8rem;margin:2rem 0;text-align:center}
.upload-box input{margin:.8rem 0}
.upload-box button{background:var(--primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;font-size:1rem}
.upload-box button:hover{background:#004a9c}

/* ---------- FOOTER ---------- */
footer{text-align:center;padding:2rem 0 .8rem;font-size:.85rem;color:#666}

/* ---------- PRINT ---------- */
@media print{.lang-toggle,.donate-bar,footer{display:none}}

/* ---------- MOBILE ---------- */
@media(max-width:600px){
    header img{width:120px;height:120px}
    .bank-card,.upload-box{padding:1rem}
    .copyBtn{width:100%;margin-top:.3rem}
}