/* হোমপেজ অ্যানাউন্সমেন্ট উইন্ডো — স্ক্রিনশট (১০৮০px = ৩৬০u) থেকে মাপ নেওয়া। 1u = স্ক্রিন প্রস্থ ÷ 360 (সর্বোচ্চ ৪৩০px) */
.an-overlay {
    --u: calc(min(100vw, 430px) / 360);
    position: fixed; inset: 0; z-index: 2000;
    display: flex; align-items: center; justify-content: center;
    background: rgba(0, 0, 0, .5);
    opacity: 0; visibility: hidden;
    transition: opacity 240ms ease, visibility 0s linear 240ms;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
}
.an-overlay.is-open { opacity: 1; visibility: visible; transition: opacity 240ms ease, visibility 0s; }

.an-box {
    width: calc(297.3 * var(--u));
    height: calc(437 * var(--u));
    max-height: 88vh;
    display: flex; flex-direction: column;
    background: #f5f6fd;
    border-radius: calc(18 * var(--u));
    overflow: hidden;
    transform: scale(.94); opacity: 0;
    transition: transform 260ms cubic-bezier(.22, .8, .3, 1), opacity 220ms ease;
}
.an-overlay.is-open .an-box { transform: scale(1); opacity: 1; }

.an-head {
    flex: 0 0 calc(42.3 * var(--u));
    display: flex; align-items: center; justify-content: center;
    padding: 0 calc(6 * var(--u));
    background: linear-gradient(90deg, #fa5c5b 0%, #ff948a 100%);
    color: #fff; font-size: calc(16 * var(--u)); font-weight: 700;
    min-width: 0;
}
.an-head span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.an-body {
    flex: 1 1 auto; min-height: 0;
    overflow-y: auto; -webkit-overflow-scrolling: touch;
    padding: calc(14 * var(--u)) calc(9.3 * var(--u)) 0 calc(9.7 * var(--u));
    color: #21262c; font-size: calc(11.3 * var(--u)); line-height: calc(13 * var(--u));
    text-align: left; word-break: break-word;
}
.an-body p { margin: 0; }
.an-body .an-gap { height: calc(13 * var(--u)); }
.an-body .an-img { display: block; width: 100%; height: auto; border-radius: 0; user-select: none; -webkit-user-drag: none; }

.an-hl   { background: #f9ccd5; }
.an-blue { color: #0000ee; }
.an-link { color: #551a8b; text-decoration: none; }
.an-u    { text-decoration: underline; }
.an-mono { font-family: "Courier New", Courier, monospace; }
.an-red  { color: #e00000; font-family: "Times New Roman", Times, serif; font-style: italic; }
.an-team { background: #fde6cf; font-weight: 700; }

.an-foot { flex: 0 0 auto; padding: calc(11.7 * var(--u)) calc(29.7 * var(--u)) calc(13.7 * var(--u)); }
.an-btn {
    display: block; width: 100%; height: calc(33.3 * var(--u));
    border: 0; border-radius: 999px;
    background: linear-gradient(90deg, #fa5c5b 0%, #ff948a 100%);
    color: #fff; font-family: inherit; font-size: calc(15 * var(--u)); font-weight: 700;
    letter-spacing: calc(2 * var(--u)); cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.an-btn:active { filter: brightness(.96); }

/* ===== ৪র্থ উইন্ডো: Extra first deposit bonus (স্ক্রিনশট থেকে মাপ, 1u = ৩px) ===== */
.an-wrap { display: flex; flex-direction: column; align-items: center; max-height: 96vh; }
.an-close {
    display: none; margin-top: calc(5.7 * var(--u));
    width: calc(27.3 * var(--u)); height: calc(27.3 * var(--u));
    padding: 0; border: calc(.9 * var(--u)) solid #fff; border-radius: 50%;
    background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.an-close svg { display: block; width: 100%; height: 100%; }
.an-overlay.an-mode-fd .an-close { display: block; }

.an-box.an-fd { height: calc(525.7 * var(--u)); max-height: 80vh; background: #f6f6f6; border-radius: calc(18 * var(--u)); }
.an-fd-head { flex: 0 0 calc(67 * var(--u)); text-align: center; background: #f6f6f6; color: #1e1e1e; }
.an-fd-title { padding-top: calc(8.7 * var(--u)); font-size: calc(15.5 * var(--u)); line-height: calc(22 * var(--u)); font-weight: 500; }
.an-fd-sub   { margin-top: calc(6.5 * var(--u)); font-size: calc(12.6 * var(--u)); line-height: calc(18 * var(--u)); color: #5f6b7a; }

.an-fd-list {
    flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
    background: #fff; padding: calc(9.7 * var(--u)) calc(4.7 * var(--u)) calc(9.7 * var(--u));
}
.an-fd-list::-webkit-scrollbar { width: calc(2 * var(--u)); }
.an-fd-list::-webkit-scrollbar-thumb { background: #d4d4d4; border-radius: 4px; }

.fd-card {
    background: #f5f5f5; border-radius: calc(7 * var(--u));
    padding: calc(7 * var(--u)) calc(10 * var(--u)) calc(9.3 * var(--u));
    margin-bottom: calc(10 * var(--u));
}
.fd-card:last-child { margin-bottom: 0; }
.fd-top { display: flex; align-items: center; justify-content: space-between; line-height: calc(21 * var(--u)); }
.fd-name { font-size: calc(14.5 * var(--u)); font-weight: 500; color: #1e1e1e; }
.fd-name b, .fd-bonus { color: #f9a752; font-weight: 500; }
.fd-name b { font-weight: 500; }
.fd-bonus { font-size: calc(13.5 * var(--u)); }
.fd-desc { margin-top: calc(4.8 * var(--u)); font-size: calc(11.4 * var(--u)); line-height: calc(12.3 * var(--u)); color: #6b7387; }
.fd-row { display: flex; align-items: center; justify-content: space-between; margin-top: calc(9.8 * var(--u)); }
.fd-prog {
    width: calc(171 * var(--u)); height: calc(14.7 * var(--u)); border-radius: 999px;
    background: #eef0fb; color: #111; font-size: calc(12.5 * var(--u)); line-height: calc(14.7 * var(--u)); text-align: center;
}
.fd-dep {
    display: flex; align-items: center; justify-content: center; text-decoration: none;
    width: calc(76.7 * var(--u)); height: calc(24 * var(--u)); box-sizing: border-box;
    border: 1px solid #f7bd8a; border-radius: calc(4 * var(--u)); background: transparent;
    color: #f9a752; font-size: calc(13.2 * var(--u));
}
.an-fd-foot { flex: 0 0 calc(48 * var(--u)); display: flex; align-items: center; padding: 0 calc(9.3 * var(--u)); background: #f6f6f6; }
.fd-check { display: flex; align-items: center; cursor: pointer; user-select: none; color: #53585f; font-size: calc(13.5 * var(--u)); white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.fd-check input { position: absolute; opacity: 0; pointer-events: none; }
.fd-box {
    flex: 0 0 auto; width: calc(18.3 * var(--u)); height: calc(18.3 * var(--u)); box-sizing: border-box;
    margin-right: calc(6.3 * var(--u)); border: 1px solid #d9d9d9; border-radius: 50%; background: #fff;
    display: flex; align-items: center; justify-content: center;
}
.fd-box svg { width: 62%; height: 62%; opacity: 0; }
.fd-check input:checked + .fd-box { background: #fa5c5b; border-color: #fa5c5b; }
.fd-check input:checked + .fd-box svg { opacity: 1; }
.fd-act {
    margin-left: auto; flex: 0 0 auto; width: calc(96 * var(--u)); height: calc(24 * var(--u));
    border: 0; border-radius: 999px; background: linear-gradient(90deg, #fa5c5b 0%, #ff948a 100%);
    color: #fff; font-family: inherit; font-size: calc(15 * var(--u)); font-weight: 700; cursor: pointer;
}