:root {
    --teal: #087f83;
    --teal-dark: #075b60;
    --teal-soft: #eaf7f6;
    --cyan: #07a8c6;
    --red: #dc2438;
    --navy: #12363b;
    --ink: #1f3538;
    --muted: #65787a;
    --line: #dce9e8;
    --surface: #fff;
    --off-white: #f6faf9;
    --shadow: 0 12px 35px rgba(15, 65, 68, .09);
    --radius: 14px;
    --container: 1240px;
}

/* Share increase workflow */
.increase-current-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0;border:1px solid #cfe3e1;border-radius:13px;background:#fff;overflow:hidden}.increase-current-summary>div{padding:16px 18px;border-right:1px solid #dcebea}.increase-current-summary>div:last-child{border-right:0}.increase-current-summary small,.increase-current-summary strong{display:block}.increase-current-summary small{color:var(--muted);font-size:10px;font-weight:750}.increase-current-summary strong{margin-top:4px;color:var(--navy);font-size:18px}.increase-consent-panel{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px;margin:28px clamp(20px,4vw,38px) 18px;padding:22px;border:1px solid #b8d9d6;border-radius:13px;background:#f1faf9}.increase-consent-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--teal);font-size:24px;font-weight:950;box-shadow:0 0 0 8px rgba(8,127,131,.1)}.increase-consent-panel h3{margin:0 0 7px;color:var(--navy);font-size:19px}.increase-consent-panel p{margin:0;color:#526466;font-size:12px;line-height:1.75}.increase-agreement{margin:0 clamp(20px,4vw,38px) 28px!important;padding:17px!important;border:1px solid #e1b75a!important;background:#fff9e9!important}.increase-calculation-card{margin:0 clamp(20px,4vw,38px) 28px;padding:20px;border:2px solid var(--teal);border-radius:13px;background:linear-gradient(135deg,#e9f8f6,#fff);text-align:center}.increase-calculation-card span,.increase-calculation-card small{display:block;color:#607174;font-size:11px}.increase-calculation-card strong{display:block;margin:5px 0;color:var(--teal-dark);font-size:30px}.increase-payable-banner{display:flex;align-items:center;gap:12px;margin:26px clamp(20px,4vw,38px) 0;padding:17px 20px;border-radius:11px;color:#fff;background:linear-gradient(120deg,var(--teal-dark),var(--teal))}.increase-payable-banner span{font-size:12px;font-weight:800}.increase-payable-banner strong{font-size:23px}.increase-payable-banner small{margin-left:auto}.existing-proof{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid #bee0dc;border-radius:8px;color:#4e6263;background:#effaf8;font-size:11px}.existing-proof a,.review-item-value a{color:var(--teal-dark);font-weight:850}.increase-form input[readonly]{color:#1d5558;background:#eef7f6;font-weight:850}
@media(max-width:700px){.increase-current-summary{grid-template-columns:1fr}.increase-current-summary>div{border-right:0;border-bottom:1px solid #dcebea}.increase-current-summary>div:last-child{border-bottom:0}.increase-consent-panel{grid-template-columns:1fr;text-align:center}.increase-consent-icon{margin:auto}.increase-payable-banner{align-items:flex-start;flex-direction:column}.increase-payable-banner small{margin-left:0}}
.sd-increase-status{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:13px 14px;border:1px solid #cfe3e1;border-radius:10px;background:#f7fbfb}.sd-increase-status span,.sd-increase-status strong{display:block}.sd-increase-status span{color:var(--muted);font-size:9px;font-weight:750}.sd-increase-status strong{margin-top:2px;color:var(--navy);font-size:12px}.sd-increase-status>p{grid-column:1/-1;margin:0;padding-top:8px;border-top:1px solid #e4eceb;color:#8b2d35;font-size:10px}
.sd-status-badge.is-awaiting_recipient{color:#775519;background:#fff0c9}.sd-status-badge.is-awaiting_recipient i{background:#d09428}.sd-transfer-consent{margin-top:14px;padding:15px;border:1px solid #e0c274;border-radius:10px;background:#fff9e8}.sd-transfer-consent h3{margin:0;color:#6d4b0d;font-size:14px}.sd-transfer-consent p{margin:4px 0 12px;color:#695e48;font-size:11px}.sd-transfer-consent-actions{display:flex;gap:8px}.sd-transfer-consent-actions form{margin:0}.sd-transfer-consent-actions .btn{min-height:38px;padding:7px 12px;font-size:11px}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: "Noto Sans Bengali", "Hind Siliguri", Inter, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.65; overflow-x: hidden; }
html[lang="bn"] body { font-size: 17px; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { color: inherit; }
:focus-visible { outline: 3px solid rgba(7,168,198,.38); outline-offset: 3px; }
.container { width: min(var(--container), calc(100% - 40px)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 1000; padding: 10px 16px; background: #fff; color: var(--teal-dark); border-radius: 8px; box-shadow: var(--shadow); }
.skip-link:focus { top: 12px; }
.icon { display: inline-block; flex: 0 0 auto; vertical-align: middle; }

.site-header { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.98); box-shadow: 0 3px 18px rgba(13,55,57,.07); }
.topbar { min-height: 35px; color: #dff5f3; background: var(--teal-dark); font-size: 13px; }
.topbar-inner, .topbar-actions, .topbar a, .topbar span { display: flex; align-items: center; }
.topbar-inner { min-height: 35px; justify-content: space-between; gap: 18px; }
.topbar-actions { gap: 9px; }
.topbar a { gap: 5px; transition: color .2s; }
.topbar a:hover { color: #fff; }
.language-switch { gap: 8px; margin-left: 12px; }
.language-switch i { width: 1px; height: 14px; background: rgba(255,255,255,.35); }
.language-switch a { opacity: .75; }
.language-switch a.active { color: #fff; font-weight: 800; opacity: 1; }
.navbar-inner { min-height: 81px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.brand img { width: 62px; height: 62px; object-fit: contain; border-radius: 50%; }
.brand span { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.brand strong { color: var(--teal-dark); font-size: 20px; letter-spacing: -.015em; white-space: nowrap; }
.brand small { margin-top: 6px; color: var(--muted); font-size: 12px; font-weight: 500; }
.nav-menu { display: flex; align-items: center; gap: 3px; }
.nav-menu > a { position: relative; padding: 12px 10px; color: #314c4f; font-size: 14px; font-weight: 650; white-space: nowrap; }
.nav-menu > a:not(.nav-call)::after { position: absolute; left: 10px; right: 10px; bottom: 5px; height: 2px; background: var(--teal); content: ""; transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.nav-menu > a:hover, .nav-menu > a.active { color: var(--teal-dark); }
.nav-menu > a:hover::after, .nav-menu > a.active::after { transform: scaleX(1); }
.nav-menu>a.nav-notice-link{margin-right:-3px;padding-right:7px}.nav-menu>a.nav-notice-link+a{padding-left:7px}.nav-notice-pulse{position:absolute;top:6px;right:4px;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(220,36,56,.5)}.nav-notice-pulse::after{position:absolute;inset:-2px;border:1px solid var(--red);border-radius:50%;content:"";animation:notice-pulse 1.8s ease-out infinite}@keyframes notice-pulse{0%{opacity:.85;transform:scale(.8)}70%,100%{opacity:0;transform:scale(2.1)}}
.nav-menu .nav-call { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; margin-left: 7px; padding-inline: 14px; border-radius: 8px; color: #fff; background: var(--red); }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 0; border: 1px solid var(--line); border-radius: 9px; align-items: center; justify-content: center; background: #fff; cursor: pointer; }

.hero { position: relative; min-height: 530px; isolation: isolate; overflow: hidden; background: var(--navy); }
.hero-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 52%; }
.hero-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(4,34,38,.92) 0%, rgba(4,43,46,.74) 39%, rgba(4,43,46,.18) 67%, rgba(4,43,46,.03) 100%); }
.hero-inner { min-height: 530px; display: flex; align-items: center; padding-block: 48px; }
.hero-copy { width: min(630px, 58%); color: #fff; }
.hero-kicker { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 14px; color: #c7f0ec; font-size: 14px; font-weight: 750; letter-spacing: .025em; }
.hero-kicker i { width: 28px; height: 2px; background: #43d5cd; }
.hero h1 { max-width: 610px; margin: 0 0 14px; font-size: clamp(38px, 4.25vw, 62px); line-height: 1.13; letter-spacing: -.035em; }
html[lang="bn"] .hero h1 { font-size: clamp(37px, 4vw, 58px); letter-spacing: -.018em; }
.hero-copy > p { max-width: 570px; margin: 0; color: #e0eeee; font-size: 18px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 26px; }
.btn { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 18px; border: 1px solid transparent; border-radius: 8px; font-weight: 750; line-height: 1.25; cursor: pointer; transition: transform .2s, background .2s, border-color .2s; }
.btn:hover { transform: translateY(-2px); }
.btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.btn-primary { color: #fff; background: var(--teal); border-color: var(--teal); }
.btn-primary:hover { background: var(--teal-dark); }
.btn-white { color: var(--teal-dark); background: #fff; }
.btn-outline { color: var(--teal-dark); background: transparent; border-color: #8fc4c2; }
.btn-outline:hover { border-color: var(--teal); background: var(--teal-soft); }
.hero-facts { display: flex; gap: 0; margin-top: 32px; border-top: 1px solid rgba(255,255,255,.22); padding-top: 20px; }
.hero-facts span { min-width: 122px; display: flex; flex-direction: column; padding-right: 20px; margin-right: 20px; border-right: 1px solid rgba(255,255,255,.2); color: #dbe9e8; font-size: 12px; line-height: 1.4; }
.hero-facts span:last-child { border: 0; }
.hero-facts strong { color: #fff; font-size: 22px; line-height: 1.15; }

.section { padding-block: 70px; }
.section-heading { max-width: 650px; }
.section-heading.center { margin-inline: auto; text-align: center; }
.section-heading .eyebrow { display: block; margin-bottom: 5px; color: var(--teal); font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.section-heading h2 { margin: 0; color: var(--navy); font-size: clamp(29px, 3vw, 40px); line-height: 1.2; letter-spacing: -.025em; }
.section-heading p { margin: 9px 0 0; color: var(--muted); line-height: 1.65; }
.heading-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.text-link { display: inline-flex; align-items: center; gap: 6px; color: var(--teal-dark); font-size: 14px; font-weight: 800; white-space: nowrap; }
.text-link:hover { color: var(--cyan); }

.notice-section { padding-block: 45px; background: var(--off-white); border-bottom: 1px solid #e9f1f0; }
.updates-layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 42px; }
.home-news { padding-right: 42px; border-right: 1px solid var(--line); }
.updates-heading { min-height: 46px; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.updates-heading h2 { margin: 2px 0 0; color: var(--navy); font-size: 28px; line-height: 1.15; }
.updates-eyebrow { display: block; color: var(--teal); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.home-news-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home-news-card { min-width: 0; padding: 16px 18px; border-top: 1px solid var(--line); color: inherit; }
.home-news-card:nth-child(odd) { padding-left: 0; border-right: 1px solid var(--line); }
.home-news-card:nth-child(even) { padding-right: 0; }
.home-news-card:nth-child(-n+2) { padding-top: 0; border-top: 0; }
.home-news-card img { width: 100%; aspect-ratio: 16 / 9; margin-bottom: 11px; object-fit: cover; border-radius: 3px; }
.home-news-card h3 { margin: 0; color: var(--navy); font-size: 17px; line-height: 1.48; transition: color .2s; }
.home-news-card p { margin: 7px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.home-news-card time { display: block; margin-top: 9px; color: #889795; font-size: 11px; }
.home-news-card:hover h3 { color: var(--teal); }
.home-notices .notice-list { grid-template-columns: 1fr; }
.home-notices .notice-item { min-height: 94px; }
.notice-layout { display: grid; grid-template-columns: 270px 1fr; gap: 48px; align-items: start; }
.notice-intro { position: relative; padding-left: 52px; }
.notice-intro .section-heading h2 { font-size: 30px; }
.section-icon { position: absolute; left: 0; top: 4px; width: 38px; height: 38px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--teal); background: #dff1f0; }
.desktop-link { margin-top: 18px; }
.mobile-link { display: none; }
.notice-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.notice-item { min-height: 105px; position: relative; display: grid; grid-template-columns: 55px 1fr auto; gap: 14px; align-items: center; padding: 13px 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; transition: box-shadow .2s, border-color .2s; }
.notice-item:hover { border-color: #b6d9d7; box-shadow: 0 8px 22px rgba(10,76,78,.07); }
.notice-date { min-height: 58px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 8px; color: var(--teal-dark); background: var(--teal-soft); line-height: 1.2; }
.notice-date strong { font-size: 20px; }
.notice-date span { margin-top: 4px; font-size: 10px; }
.notice-item h3, .notice-item h2 { margin: 3px 0 2px; color: var(--navy); font-size: 15px; line-height: 1.4; }
.notice-item p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.notice-badge { padding: 2px 6px; border-radius: 4px; color: #9f1e2d; background: #ffe9ec; font-size: 10px; font-weight: 800; }
.notice-arrow { color: #80a6a5; }
.notice-item:hover .notice-arrow { color: var(--teal); transform: translateX(2px); }
.notice-attachment-count { display: inline-flex; align-items: center; gap: 4px; margin-top: 5px; color: var(--teal-dark); font-size: 11px; font-weight: 750; }
.empty-notice { grid-column: 1/-1; min-height: 105px; display: flex; align-items: center; gap: 12px; padding: 22px; border: 1px dashed #b9d6d4; border-radius: 10px; color: var(--muted); background: #fff; }
.news-page-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.news-page-card { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; color: inherit; background: #fff; box-shadow: 0 7px 24px rgba(8,48,52,.05); transition: transform .2s, box-shadow .2s; }
.news-page-card:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(8,48,52,.1); }
.news-page-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.news-page-card > div { padding: 18px; }
.news-page-card time, .news-detail-card > time { color: var(--teal); font-size: 12px; font-weight: 700; }
.news-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 15px; color: var(--teal); font-size: 12px; font-weight: 700; }
.news-page-card h2 { margin: 7px 0; color: var(--navy); font-size: 19px; line-height: 1.45; }
.news-page-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.news-detail-container { max-width: 1040px; }
.news-detail-card { padding: clamp(22px, 4vw, 48px); border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.news-detail-image { width: 100%; max-height: 540px; margin: 24px 0; object-fit: cover; border-radius: 12px; }
.news-detail-card h1 { margin: 9px 0 15px; color: var(--navy); font-size: clamp(28px, 4vw, 42px); line-height: 1.28; }
.news-detail-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; color: var(--teal); font-size: 12px; font-weight: 700; }
.news-detail-lead { margin: 0 0 22px; color: var(--muted); font-size: 18px; line-height: 1.7; }
.news-detail-body { padding-top: 22px; border-top: 1px solid var(--line); color: var(--ink); line-height: 1.8; }
.news-detail-body img { max-width: 100%; height: auto; }

.about-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: 64px; align-items: center; }
.about-visual { position: relative; }
.about-visual > img { width: 100%; aspect-ratio: 1.38; object-fit: cover; border-radius: var(--radius); box-shadow: var(--shadow); }
.about-stamp { position: absolute; right: -18px; bottom: 24px; min-width: 112px; padding: 15px; border-radius: 10px; color: #fff; background: var(--red); box-shadow: 0 10px 25px rgba(160,30,46,.2); text-align: center; }
.about-stamp strong, .about-stamp span { display: block; }
.about-stamp strong { font-size: 26px; line-height: 1.05; }
.about-stamp span { margin-top: 4px; font-size: 12px; }
.about-copy .section-heading { margin-bottom: 18px; }
.about-copy > p { margin: 0 0 12px; color: var(--muted); }
.mini-highlights { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 22px 0; }
.mini-highlights span { display: flex; flex-direction: column; padding: 11px 13px; border-left: 3px solid var(--teal); background: var(--off-white); color: var(--muted); font-size: 12px; line-height: 1.35; }
.mini-highlights b { color: var(--teal-dark); font-size: 19px; }

.services-home { background: #f4f9f8; }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.service-card { min-height: 162px; padding: 21px; border: 1px solid #e0eceb; border-radius: 11px; background: #fff; transition: transform .2s, box-shadow .2s, border-color .2s; }
.service-card:hover { transform: translateY(-3px); border-color: #b5d7d5; box-shadow: var(--shadow); }
.service-icon, .full-service-card > span { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 10px; color: var(--teal); background: var(--teal-soft); }
.service-card h3 { margin: 14px 0 4px; color: var(--navy); font-size: 18px; }
.service-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }

.administration-section { padding-block: 60px; }
.administration-section .section-heading { margin-bottom: 28px; }
.admin-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.admin-card { min-height: 132px; display: flex; align-items: center; gap: 16px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.admin-avatar { width: 82px; height: 102px; flex: 0 0 auto; overflow: hidden; border-radius: 9px; background: #edf4f3; }
.admin-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; }
.admin-details { min-width: 0; }
.admin-card h3 { margin: 0; color: var(--navy); font-size: 16px; }
.admin-card p { margin: 3px 0 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.admin-card a { display: inline-block; margin-top: 6px; color: var(--teal-dark); font-size: 12px; font-weight: 700; }
.admin-card a:hover { color: var(--red); }
.admin-card-featured { min-height: 166px; gap: 19px; padding: 16px; border-color: #bddbd9; box-shadow: 0 7px 20px rgba(10,76,78,.06); }
.admin-card-featured .admin-avatar { width: 108px; height: 134px; }
.admin-card-featured h3 { font-size: 18px; }
.admin-card-featured p { font-size: 14px; }
.admin-card-featured a { margin-top: 8px; font-size: 13px; }

.values-section { padding-block: 54px; color: #fff; background: var(--teal-dark); }
.values-section .section-heading { margin-bottom: 25px; }
.values-section .section-heading h2 { color: #fff; }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.value-card { display: flex; gap: 15px; padding: 22px; border: 1px solid rgba(255,255,255,.15); border-radius: 11px; background: rgba(255,255,255,.07); }
.value-card > span { width: 44px; height: 44px; display: flex; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 9px; color: #baf5ee; background: rgba(255,255,255,.1); }
.value-card h3, .value-card h2 { margin: 0 0 5px; color: #fff; font-size: 19px; }
.value-card p { margin: 0; color: #d2e8e6; font-size: 13px; line-height: 1.6; }

.gallery-section { padding-block: 62px 70px; }
.gallery-grid { height: 390px; display: grid; grid-template-columns: 1.35fr .8fr .8fr; grid-template-rows: repeat(2, 1fr); gap: 10px; }
.gallery-item { position: relative; overflow: hidden; padding: 0; border: 0; border-radius: 10px; background: #ddd; cursor: pointer; }
.gallery-wide { grid-row: 1 / 3; }
.gallery-bottom { display: none; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.gallery-top img { object-position: 20% 55%; }.gallery-center img { object-position: 50% 35%; }.gallery-right img { object-position: 80% 55%; }
.gallery-item:hover img { transform: scale(1.025); }
.gallery-item span { position: absolute; left: 10px; bottom: 10px; padding: 5px 9px; border-radius: 5px; color: #fff; background: rgba(5,45,48,.78); font-size: 11px; }
.lightbox { position: fixed; inset: 0; z-index: 500; display: none; align-items: center; justify-content: center; padding: 30px; background: rgba(4,24,27,.9); }
.lightbox.open { display: flex; }
.lightbox > img { max-width: min(1100px, 94vw); max-height: 86vh; object-fit: contain; border-radius: 8px; }
.lightbox > button { position: absolute; top: 18px; right: 20px; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; color: #fff; background: rgba(255,255,255,.12); cursor: pointer; }
@media (prefers-reduced-motion: reduce){.nav-notice-pulse::after{animation:none}}

.publications-home { border-top: 1px solid #e2eceb; background: var(--off-white); }
.publication-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.publication-page-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 34px; }
.publication-card { min-width: 0; display: flex; overflow: hidden; flex-direction: column; border: 1px solid #d7e6e4; border-radius: 14px; background: #fff; box-shadow: 0 8px 26px rgba(8, 63, 67, .07); transition: transform .2s, box-shadow .2s, border-color .2s; }
.publication-card:hover { transform: translateY(-4px); border-color: #acd2cf; box-shadow: 0 15px 38px rgba(8, 63, 67, .12); }
.publication-type { padding: 11px 15px; color: #fff; background: linear-gradient(115deg, var(--teal-dark), var(--teal)); font-size: 12px; font-weight: 850; letter-spacing: .09em; text-align: center; text-transform: uppercase; }
.publication-cover { min-height: 220px; display: flex; align-items: center; justify-content: center; padding: 12px 16px 8px; background: linear-gradient(180deg, #fff, #f7faf9); }
.publication-cover img { width: auto; max-width: 100%; height: 205px; object-fit: contain; filter: drop-shadow(0 7px 9px rgba(8, 47, 50, .12)); }
.publication-body { flex: 1; display: flex; flex-direction: column; align-items: center; padding: 12px 17px 17px; text-align: center; }
.publication-body time { margin-bottom: 3px; color: var(--teal); font-size: 11px; font-weight: 750; }
.publication-body h3 { display: -webkit-box; width: 100%; min-height: 2.9em; max-height: 2.9em; overflow: hidden; margin: 0; color: var(--navy); font-size: 17px; line-height: 1.45; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.publication-price { display: flex; align-items: baseline; gap: 7px; margin-top: 8px; }
.publication-price span { color: var(--muted); font-size: 12px; }
.publication-price strong { color: var(--navy); font-size: 23px; line-height: 1.2; }
.publication-body p { display: -webkit-box; overflow: hidden; margin: 9px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.publication-download { width: 100%; min-height: 42px; margin-top: auto; padding: 8px 13px; }
.publication-actions { width: 100%; display: grid; grid-template-columns: .8fr 1.2fr; gap: 7px; margin-top: auto; padding-top: 13px; }
.publication-actions .btn { min-width: 0; min-height: 42px; padding: 8px 9px; font-size: 12px; white-space: nowrap; }
.publication-empty-state { margin-top: 8px; }

.publication-detail-section { background: #f6faf9; }
.publication-back-link { margin-bottom: 20px; }
.publication-detail-layout { display: grid; grid-template-columns: minmax(270px, 350px) minmax(0, 1fr); gap: 26px; align-items: start; }
.publication-detail-card, .publication-preview { overflow: hidden; border: 1px solid #d5e5e3; border-radius: 15px; background: #fff; box-shadow: 0 10px 30px rgba(8, 63, 67, .07); }
.publication-detail-card { position: sticky; top: 132px; }
.publication-detail-type { display: block; padding: 10px 15px; color: #fff; background: linear-gradient(115deg, var(--teal-dark), var(--teal)); font-size: 12px; font-weight: 850; letter-spacing: .09em; text-align: center; text-transform: uppercase; }
.publication-detail-card > img { width: 100%; height: 280px; padding: 16px; object-fit: contain; background: linear-gradient(180deg, #fff, #f7faf9); }
.publication-detail-copy { padding: 18px; text-align: center; }
.publication-detail-copy time { color: var(--teal); font-size: 11px; font-weight: 750; }
.publication-detail-copy h1 { margin: 4px 0 0; color: var(--navy); font-size: 22px; line-height: 1.4; }
.publication-detail-price { display: flex; align-items: baseline; justify-content: center; gap: 8px; margin-top: 10px; }
.publication-detail-price span { color: var(--muted); font-size: 12px; }
.publication-detail-price strong { color: var(--navy); font-size: 25px; }
.publication-detail-copy p { margin: 13px 0 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.publication-detail-copy .btn { width: 100%; margin-top: 16px; }
.publication-preview { padding: 18px; }
.publication-preview-heading { min-height: 54px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.publication-preview-heading span { color: var(--teal); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.publication-preview-heading h2 { margin: 2px 0 0; color: var(--navy); font-size: 24px; }
.publication-preview iframe { width: 100%; height: 760px; display: block; border: 1px solid #dbe8e7; border-radius: 9px; background: #eef3f2; }
.publication-preview-fallback { margin: 11px 0 0; color: var(--muted); font-size: 12px; text-align: center; }
.publication-preview-fallback a { color: var(--teal-dark); font-weight: 850; text-decoration: underline; }

.shareholder-home { position: relative; overflow: hidden; color: #fff; background: linear-gradient(120deg, #063f44, #087f83); }
.shareholder-home::after { position: absolute; right: -110px; top: -165px; width: 430px; height: 430px; border: 70px solid rgba(255,255,255,.05); border-radius: 50%; content: ""; }
.shareholder-home-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: center; }
.shareholder-kicker { display: inline-block; margin-bottom: 7px; color: #aeece7; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.shareholder-home h2 { margin: 0; color: #fff; font-size: clamp(31px, 3.8vw, 48px); line-height: 1.18; }
.shareholder-home-copy > p { max-width: 690px; margin: 14px 0 0; color: #d9ecea; line-height: 1.75; }
.shareholder-home-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.shareholder-login-btn { border-color: rgba(255,255,255,.8); }
.shareholder-home-facts { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 13px; background: rgba(255,255,255,.08); backdrop-filter: blur(8px); }
.shareholder-home-facts div { min-height: 130px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 17px 10px; border-right: 1px solid rgba(255,255,255,.15); text-align: center; }
.shareholder-home-facts div:last-child { border: 0; }.shareholder-home-facts strong { color: #fff; font-size: 22px; }.shareholder-home-facts span { margin-top: 5px; color: #cce5e3; font-size: 12px; }

.portal-shell { min-height: 600px; padding-block: clamp(48px, 7vw, 82px); background: radial-gradient(circle at 12% 12%, #e2f5f2 0, rgba(226,245,242,0) 30%), var(--off-white); }
.portal-auth-wrap { display: flex; justify-content: center; }
.portal-auth-card, .portal-page-card, .dashboard-main-card, .dashboard-profile-card, .application-form { border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.portal-auth-card { width: min(100%, 520px); padding: clamp(25px, 5vw, 44px); }.portal-auth-card-wide { width: min(100%, 690px); }
.portal-eyebrow { display: block; margin-bottom: 7px; color: var(--teal); font-size: 12px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.portal-auth-card h1, .portal-page-card h1, .portal-toolbar h1, .application-title-row h1 { margin: 0; color: var(--navy); font-size: clamp(28px, 4vw, 40px); line-height: 1.25; }
.portal-auth-card > p, .portal-page-card > p { margin: 9px 0 21px; color: var(--muted); }
.portal-form label, .application-field-grid > label, .upload-field { display: flex; flex-direction: column; gap: 6px; color: var(--navy); font-size: 13px; font-weight: 750; }
.portal-form input, .application-form input:not([type="radio"]):not([type="checkbox"]), .application-form textarea, .application-form select { width: 100%; min-height: 47px; padding: 10px 12px; border: 1px solid #cbdedc; border-radius: 8px; color: var(--ink); background: #fff; font-size: 16px; font-weight: 450; outline: none; }
.portal-form input:focus, .application-form input:focus, .application-form textarea:focus, .application-form select:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(8,127,131,.1); }
.portal-form-grid, .application-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }.portal-full, .field-full { grid-column: 1 / -1; }
.portal-submit { width: 100%; margin-top: 20px; }.portal-auth-switch { margin: 20px 0 0 !important; font-size: 14px; text-align: center; }.portal-auth-switch a, .otp-resend button { color: var(--teal-dark); font-weight: 800; text-decoration: underline; }
.otp-input { letter-spacing: .45em; text-align: center; font-size: 25px !important; font-weight: 800 !important; }.otp-resend { margin-top: 17px; text-align: center; }.otp-resend button { padding: 5px; border: 0; color: var(--teal-dark); background: transparent; font-weight: 800; text-decoration: underline; cursor: pointer; }.otp-resend button:disabled { color: var(--muted); text-decoration: none; cursor: not-allowed; }.otp-countdown { display: inline-block; min-width: 48px; margin-left: 5px; color: var(--red); font-variant-numeric: tabular-nums; font-weight: 850; }
.portal-alert { margin-bottom: 18px; padding: 12px 14px; border-radius: 8px; font-size: 13px; }.portal-alert ul { margin: 7px 0 0; padding-left: 20px; }.portal-alert-success { color: #125c43; background: #e1f5eb; }.portal-alert-error { color: #8f1d2a; background: #ffe6e9; }
.portal-dashboard-shell { min-height: 680px; }.portal-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }.portal-toolbar form { margin: 0; }
.dashboard-grid { display: grid; grid-template-columns: 1fr 320px; gap: 22px; align-items: start; }.dashboard-main-card { min-height: 345px; padding: clamp(23px, 4vw, 38px); }.dashboard-profile-card { padding: 30px 23px; text-align: center; }
.dashboard-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }.dashboard-card-head h2 { margin: 9px 0 0; color: var(--navy); font-size: 28px; }.dashboard-main-card > p { max-width: 680px; margin: 0 0 24px; color: var(--muted); }
.status-pill { display: inline-block; padding: 4px 9px; border-radius: 999px; color: #485f61; background: #edf2f2; font-size: 11px; font-weight: 800; }.status-draft { color: #8a5b00; background: #fff1cb; }.status-submitted { color: #075b60; background: #def3f1; }.status-approved { color: #176140; background: #dcf4e7; }.status-rejected { color: #92202d; background: #ffe4e7; }
.share-price { display: flex; flex-direction: column; color: var(--muted); font-size: 11px; text-align: right; }.share-price strong { color: var(--teal-dark); font-size: 19px; }.application-progress { height: 8px; overflow: hidden; margin: 8px 0 18px; border-radius: 99px; background: #eaf1f0; }.application-progress span { display: block; height: 100%; border-radius: inherit; background: var(--teal); }
.dashboard-avatar { width: 76px; height: 76px; display: flex; align-items: center; justify-content: center; margin: 0 auto 13px; border-radius: 50%; color: #fff; background: var(--teal); font-size: 30px; font-weight: 850; }.dashboard-profile-card h2 { margin: 0; color: var(--navy); font-size: 20px; }.dashboard-profile-card p { margin: 5px 0; color: var(--muted); font-size: 13px; }.dashboard-profile-card .btn { width: 100%; margin-top: 18px; }
.application-download-button{display:inline-flex;margin-top:18px}
.shareholder-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.shareholder-dashboard-menu,.dashboard-share-summary{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.shareholder-dashboard-menu{overflow:hidden}.dashboard-menu-heading{padding:24px 26px 20px;border-bottom:1px solid var(--line);background:linear-gradient(115deg,#f0faf9,#fff)}.dashboard-menu-heading h2{margin:0;color:var(--navy);font-size:23px}.dashboard-menu-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.shareholder-menu-item{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:70px;padding:11px 20px;border-bottom:1px solid #e5eeee;color:inherit;background:#fff;transition:background .18s,transform .18s}.shareholder-menu-item:last-child{border-bottom:0}.shareholder-menu-item[href]:hover{position:relative;background:#f4fbfa;transform:translateX(3px)}.shareholder-menu-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:var(--teal-dark);background:var(--teal-soft)}.shareholder-menu-item>span:nth-child(2){min-width:0}.shareholder-menu-item strong,.shareholder-menu-item small{display:block}.shareholder-menu-item strong{color:var(--navy);font-size:14px}.shareholder-menu-item small{margin-top:3px;color:var(--muted);font-size:10.5px}.shareholder-menu-arrow{color:#7f999a}.shareholder-menu-primary{min-height:92px;border-left:5px solid var(--teal);background:linear-gradient(100deg,#eaf8f6,#fff)}.shareholder-menu-primary .shareholder-menu-icon{width:50px;height:50px;color:#fff;background:var(--teal)}.shareholder-menu-primary strong{font-size:17px}.shareholder-menu-primary small{font-size:11px}.shareholder-menu-featured{background:linear-gradient(100deg,#effaf8,#fff)}.shareholder-menu-featured .shareholder-menu-icon{color:#fff;background:var(--teal)}.shareholder-menu-item.is-locked,.shareholder-menu-item.is-upcoming{cursor:not-allowed}.shareholder-menu-item.is-locked{background:#fafcfc}.shareholder-menu-item.is-locked .shareholder-menu-icon{color:#87999a;background:#edf2f2}.shareholder-menu-item.is-upcoming{background:#fdfefe}.shareholder-menu-item.is-upcoming .shareholder-menu-icon{color:#6e8586;background:#f0f4f4}.menu-status{padding:4px 7px;border-radius:999px;color:#687d7e;background:#edf2f2;font-size:9px;font-weight:800;white-space:nowrap}.shareholder-dashboard-side{display:grid;gap:18px}.dashboard-share-summary{padding:20px}.dashboard-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;color:var(--navy);font-size:13px}.dashboard-share-summary .application-summary.compact div{padding:8px 0;font-size:11px}.dashboard-share-summary>a{display:inline-flex;align-items:center;gap:5px;margin-top:13px;color:var(--teal-dark);font-size:11px;font-weight:800}.dashboard-share-summary .application-progress{margin:15px 0 5px}.shareholder-forms-heading{margin-bottom:24px}.shareholder-forms-heading h1{margin:0;color:var(--navy);font-size:clamp(28px,4vw,40px)}.shareholder-forms-heading p{margin:7px 0 0;color:var(--muted)}.shareholder-forms-list{display:grid;gap:14px}.shareholder-form-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.shareholder-form-card h2{margin:0;color:var(--navy);font-size:18px}.shareholder-form-card p{margin:4px 0;color:var(--muted);font-size:12px}.shareholder-form-card small{color:var(--teal-dark);font-size:10px;font-weight:800}.shareholder-form-card .btn{display:inline-flex;align-items:center;gap:7px}.certificate-verify-wrap{width:min(720px,calc(100% - 40px))}.certificate-verify-card{padding:clamp(26px,5vw,46px);border:1px solid #a8d2cf;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);text-align:center}.certificate-verify-mark{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;border-radius:50%;color:#fff;background:var(--teal);box-shadow:0 0 0 9px var(--teal-soft)}.certificate-verify-card h1{margin:0;color:#176140;font-size:clamp(25px,4vw,34px)}.certificate-verify-intro{margin:8px 0 15px;color:var(--muted)}.certificate-verify-number{display:inline-block;padding:7px 13px;border-radius:999px;color:var(--teal-dark);background:var(--teal-soft);font-family:monospace;font-size:12px;font-weight:800}.certificate-verify-details{margin:25px 0 0;border-top:1px solid var(--line);text-align:left}.certificate-verify-details>div{display:grid;grid-template-columns:1fr 1.35fr;gap:18px;padding:12px 3px;border-bottom:1px solid var(--line)}.certificate-verify-details dt{color:var(--muted);font-size:12px}.certificate-verify-details dd{margin:0;color:var(--navy);font-size:13px;font-weight:800}.certificate-verify-note{margin:20px 0 0;padding:13px;border-radius:9px;color:#5c6768;background:#f2f7f6;font-size:11px}
.shareholder-download-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;margin-top:22px;padding:18px 20px;border:1px solid #b9d9d7;border-radius:var(--radius);background:linear-gradient(110deg,#f0faf9,#fff);box-shadow:0 8px 24px rgba(8,73,78,.055)}.shareholder-download-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;background:var(--teal)}.shareholder-download-card h2{margin:2px 0 0;color:var(--navy);font-size:18px}.shareholder-download-card p{margin:3px 0 0;color:var(--muted);font-size:12px}.shareholder-download-card .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.shareholder-directory{margin-top:24px;padding:clamp(20px,3vw,30px);border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.shareholder-directory-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.shareholder-directory-heading h2{margin:2px 0 0;color:var(--navy);font-size:clamp(22px,3vw,28px)}.shareholder-directory-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.directory-count{flex:0 0 auto;padding:7px 12px;border-radius:999px;color:var(--teal-dark);background:var(--teal-soft);font-size:12px;font-weight:800}.shareholder-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shareholder-directory-card{display:flex;align-items:flex-start;gap:13px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fbfdfd;transition:transform .2s,box-shadow .2s}.shareholder-directory-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(8,73,78,.08)}.shareholder-directory-card>img{width:70px;height:70px;flex:0 0 70px;border-radius:12px;background:var(--teal-soft);object-fit:cover}.shareholder-directory-card-body{min-width:0;flex:1}.shareholder-directory-card h3{margin:0 0 6px;color:var(--navy);font-size:15px;font-weight:850}.shareholder-directory-card p{display:flex;align-items:flex-start;gap:5px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.shareholder-directory-card p svg{flex:0 0 auto;margin-top:1px;color:var(--teal)}.shareholder-directory-facts{display:grid;grid-template-columns:1fr 1.45fr;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid #dce9e8}.shareholder-directory-facts span{min-width:0}.shareholder-directory-facts small,.shareholder-directory-facts strong{display:block}.shareholder-directory-facts small{color:var(--muted);font-size:8.5px}.shareholder-directory-facts strong{margin-top:2px;overflow-wrap:anywhere;color:var(--teal-dark);font-size:11px}.shareholder-directory-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:150px;border:1px dashed var(--line);border-radius:13px;color:var(--muted);background:#fbfdfd;text-align:center}.shareholder-directory-empty p{margin:8px 0 0;font-size:13px}
.application-summary { margin: 0; }.application-summary div { display: flex; justify-content: space-between; gap: 15px; padding: 11px 0; border-bottom: 1px solid var(--line); }.application-summary dt { color: var(--muted); }.application-summary dd { margin: 0; color: var(--navy); font-weight: 800; }
.portal-page-wrap { width: min(940px, calc(100% - 40px)); }.portal-back { display: inline-block; margin-bottom: 16px; color: var(--teal-dark); font-size: 13px; font-weight: 800; }.portal-page-card { padding: clamp(24px, 5vw, 43px); }
.profile-shell { min-height: 720px; }.profile-wrap { width: min(1100px, calc(100% - 40px)); }.profile-hero-card { position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; overflow: hidden; margin-bottom: 22px; padding: clamp(22px, 4vw, 34px); border-radius: var(--radius); color: #fff; background: linear-gradient(115deg, #064e53, #07878b); box-shadow: 0 16px 40px rgba(7,91,96,.18); }.profile-hero-card::after { position: absolute; right: -70px; top: -115px; width: 280px; height: 280px; border: 45px solid rgba(255,255,255,.06); border-radius: 50%; content: ""; }.profile-avatar { width: 78px; height: 78px; display: flex; align-items: center; justify-content: center; border: 3px solid rgba(255,255,255,.3); border-radius: 50%; color: var(--teal-dark); background: #fff; font-size: 31px; font-weight: 900; }.profile-hero-copy { min-width: 0; }.profile-hero-copy .portal-eyebrow { color: #a9eae5; }.profile-hero-copy h1 { overflow: hidden; margin: 0; color: #fff; font-size: clamp(26px, 4vw, 38px); line-height: 1.25; text-overflow: ellipsis; }.profile-meta { display: flex; flex-wrap: wrap; gap: 7px 18px; margin-top: 8px; color: #d9eeec; font-size: 13px; }.profile-meta span { display: inline-flex; align-items: center; gap: 6px; }.profile-account-status { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.1); font-size: 11px; font-weight: 800; white-space: nowrap; }.profile-account-status i { width: 7px; height: 7px; border-radius: 50%; background: #65e2ad; box-shadow: 0 0 0 3px rgba(101,226,173,.16); }
.profile-settings-grid { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 20px; align-items: start; }.profile-section-card, .profile-security-card { border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 8px 28px rgba(15,65,68,.065); }.profile-section-card { overflow: hidden; }.profile-section-heading { display: flex; align-items: center; gap: 13px; padding: 21px 25px; border-bottom: 1px solid var(--line); background: #fbfdfd; }.profile-section-heading > span:first-child { width: 43px; height: 43px; display: flex; flex: 0 0 auto; align-items: center; justify-content: center; border-radius: 10px; color: var(--teal); background: var(--teal-soft); }.profile-section-heading > div { min-width: 0; flex: 1; }.profile-section-heading h2 { margin: 0; color: var(--navy); font-size: 19px; }.profile-section-heading p { margin: 2px 0 0; color: var(--muted); font-size: 12px; }.profile-form { padding: 25px; }.profile-form-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 24px; padding-top: 19px; border-top: 1px solid var(--line); }.profile-form-footer p { margin: 0; color: var(--muted); font-size: 11px; }.field-verification { display: inline-flex; align-items: center; gap: 4px; margin-top: 1px; font-size: 10px !important; }.field-verification.verified { color: #267555 !important; }.profile-security-card { padding: 25px 22px; }.security-icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; border-radius: 12px; color: var(--teal-dark); background: var(--teal-soft); }.profile-security-card h2 { margin: 0; color: var(--navy); font-size: 19px; }.profile-security-card > p { margin: 7px 0 20px; color: var(--muted); font-size: 12px; }.security-status-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 0; border-top: 1px solid var(--line); font-size: 12px; }.security-status-row > span { color: var(--muted); }.security-status-row strong, .security-status-row a { font-size: 11px; }.security-status-row a { color: #9a6300; font-weight: 800; }.verified-mark { color: #237554; }.unverified-mark { color: #8a9697; }.profile-email-card { grid-column: 1 / -1; }.verified-badge { width: auto !important; height: auto !important; padding: 5px 9px; border-radius: 999px !important; color: #176140 !important; background: #dcf4e7 !important; font-size: 10px; font-weight: 800; white-space: nowrap; }.email-update-form { padding: 24px 25px 26px; }.email-input-action { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }.email-update-form > small { display: block; margin-top: 8px; color: var(--muted); font-size: 11px; }.pending-email-notice { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 22px 25px 0; padding: 14px 16px; border: 1px solid #efd69a; border-radius: 9px; background: #fff9e9; }.pending-email-notice > div { min-width: 0; display: flex; flex-direction: column; }.pending-email-notice strong { overflow-wrap: anywhere; color: var(--navy); font-size: 13px; }.pending-email-notice span { color: #7a6840; font-size: 11px; }.pending-email-notice .btn { min-height: 38px; padding-block: 7px; font-size: 12px; }.verify-icon { width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; margin-bottom: 17px; border-radius: 15px; color: var(--teal-dark); background: var(--teal-soft); }.email-verify-card { position: relative; }.email-verify-card > p strong { overflow-wrap: anywhere; color: var(--navy); }.email-verify-back { display: block; margin-top: 17px; color: var(--muted); font-size: 12px; font-weight: 750; text-align: center; text-decoration: underline; }
.application-wrap { width: min(1080px, calc(100% - 40px)); }.application-title-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 22px; }.application-title-row .portal-back { display: block; }.application-title-row .portal-eyebrow { margin-top: 8px; }.application-total { display: flex; flex-direction: column; padding: 10px 15px; border: 1px solid #b9d9d7; border-radius: 9px; color: var(--muted); background: #fff; text-align: right; }.application-total small { font-size: 11px; }.application-total strong { color: var(--teal-dark); font-size: 20px; }
.application-information{overflow:hidden;margin-bottom:28px;border:1px solid #afd5d2;border-radius:var(--radius);background:linear-gradient(120deg,#f0faf9,#fff);box-shadow:0 12px 32px rgba(8,73,78,.07)}.application-information-copy{padding:clamp(22px,4vw,34px)}.application-information-copy h2{margin:4px 0 9px;color:var(--navy);font-size:clamp(21px,3vw,28px)}.application-information-copy p{max-width:930px;margin:0 0 8px;color:#476164;font-size:13px;line-height:1.75}.application-information-copy p:last-child{margin-bottom:0}.application-information-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #cce3e1;background:rgba(255,255,255,.72)}.application-information-facts>div{min-width:0;padding:17px 18px;border-right:1px solid #d9e9e8}.application-information-facts>div:last-child{border-right:0}.application-information-facts small,.application-information-facts strong,.application-information-facts span{display:block}.application-information-facts small{color:var(--muted);font-size:10px}.application-information-facts strong{margin-top:3px;color:var(--teal-dark);font-size:17px}.application-information-facts span{margin-top:2px;color:#6b7f81;font-size:9px}.application-information-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 18px;color:#5f5550;background:#fff8e8;font-size:11px}.application-information-footer strong{color:#945d00}
.application-consent-wrap{width:min(920px,calc(100% - 40px))}.application-consent-card{overflow:hidden;border:1px solid #e7c77d;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.application-consent-header{display:flex;align-items:flex-start;gap:17px;padding:clamp(24px,4vw,36px);border-bottom:1px solid #f0dfb7;background:linear-gradient(120deg,#fff8e7,#fff)}.application-consent-icon{width:48px;height:48px;display:flex;flex:0 0 48px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#b56f00;font-size:27px;font-weight:900}.application-consent-header h2{margin:2px 0 6px;color:var(--navy);font-size:clamp(22px,3vw,29px)}.application-consent-header p{margin:0;color:#6d6455;font-size:13px;line-height:1.6}.application-consent-body{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;padding:clamp(24px,4vw,36px)}.application-consent-body h3{margin:0 0 14px;color:var(--navy);font-size:17px}.application-document-checklist{display:grid;gap:10px;margin:0;padding:0;list-style:none}.application-document-checklist li{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fbfdfd}.application-document-checklist li>span{width:22px;height:22px;display:flex;flex:0 0 22px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--teal);font-size:12px;font-weight:900}.application-document-checklist strong,.application-document-checklist small{display:block}.application-document-checklist strong{color:var(--navy);font-size:13px}.application-document-checklist small{margin-top:2px;color:var(--muted);font-size:10px}.application-legal-warning{align-self:start;padding:22px 19px 19px;border:1px solid #efb7bd;border-radius:11px;background:#fff4f5}.application-legal-warning-heading{display:flex;align-items:center;gap:18px;margin:2px 0 21px}.application-legal-warning-icon{width:58px;height:58px;display:flex;flex:0 0 58px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#b51d33;box-shadow:0 0 0 9px #f9dfe3;font-size:37px;font-weight:900;line-height:1}.application-legal-warning h3{margin:0;color:#8f1d2a}.application-legal-warning p{margin:0 0 12px;color:#65494d;font-size:12px;line-height:1.75}.application-legal-warning strong{display:block;color:#8f1d2a;font-size:13px;line-height:1.75}.application-consent-form{padding:0 clamp(24px,4vw,36px) clamp(24px,4vw,36px)}.application-consent-form .declaration-check{margin:0 0 17px}.application-consent-form>.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.application-steps { display: grid; grid-template-columns: repeat(6, 1fr); margin-bottom: 24px; }.application-steps > * { position: relative; display: flex; align-items: center; flex-direction: column; gap: 6px; color: #829092; font-size: 11px; text-align: center; }.application-steps > *::before { position: absolute; left: 0; right: 0; top: 16px; z-index: 0; height: 2px; background: #d8e5e4; content: ""; }.application-steps > *:first-child::before { left: 50%; }.application-steps > *:last-child::before { right: 50%; }.application-steps b { position: relative; z-index: 1; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: 2px solid #cfdfde; border-radius: 50%; color: #718385; background: var(--off-white); }.application-steps a { color: var(--teal-dark); }.application-steps a b { border-color: #83bfbb; background: #fff; }.application-steps a.complete b { color: #fff; background: #70afa9; }.application-steps a.active b { color: #fff; border-color: var(--teal); background: var(--teal); box-shadow: 0 0 0 4px rgba(8,127,131,.12); }.application-steps a.active span { font-weight: 800; }
.application-form { overflow: hidden; }.application-form > header { padding: 25px clamp(20px, 4vw, 38px); border-bottom: 1px solid var(--line); background: linear-gradient(110deg, #f2faf9, #fff); }.application-form > header > span { color: var(--teal); font-size: 11px; font-weight: 850; }.application-form > header h2 { margin: 3px 0 0; color: var(--navy); font-size: 24px; }.application-form > header p { margin: 2px 0 0; color: var(--muted); font-size: 12px; }.application-field-grid, .upload-grid, .share-reference-grid, .application-form > .legal-summary, .application-form > .declaration-check, .form-divider { margin-inline: clamp(20px, 4vw, 38px); }.application-field-grid { padding-block: 30px; }.field-label{display:block}.required-mark{color:var(--red);font-weight:900}.application-field-grid label small { color: var(--muted); font-weight: 500; }.application-field-grid textarea { resize: vertical; }.application-field-grid fieldset { min-width: 0; margin: 0; padding: 14px; border: 1px solid var(--line); border-radius: 8px; }.application-field-grid legend { padding: 0 5px; color: var(--navy); font-size: 13px; font-weight: 750; }.radio-choice { display: inline-flex !important; align-items: center; flex-direction: row !important; gap: 7px !important; margin: 7px 20px 4px 0; font-weight: 600 !important; }.radio-choice input { width: 18px; height: 18px; accent-color: var(--teal); }
.share-reference-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding-top: 28px; }.share-reference-grid > div { display: flex; flex-direction: column; padding: 14px; border: 1px solid var(--line); border-radius: 9px; background: var(--off-white); }.share-reference-grid span { color: var(--muted); font-size: 11px; }.share-reference-grid strong { color: var(--navy); font-size: 19px; }.calculated-total { display: block; margin-top: 5px; color: var(--teal-dark) !important; font-size: 14px; }.calculated-total strong { font-size: 17px; }
.legal-summary { margin-bottom: 30px; border: 1px solid #cce0de; border-radius: 9px; background: #f5fbfa; }.legal-summary summary { padding: 13px 15px; color: var(--teal-dark); font-size: 13px; font-weight: 800; cursor: pointer; }.legal-summary p { margin: 0; padding: 0 15px 15px; color: var(--muted); font-size: 13px; }.legal-summary-large > div { padding:0 15px 12px; }.legal-summary-large ul{margin:0;padding-left:20px;color:var(--muted);font-size:12px;line-height:1.7}.legal-summary-large li{margin-bottom:7px}.form-divider { position: relative; border-top: 1px solid var(--line); text-align: center; }.form-divider span { position: relative; top: -14px; display: inline-block; padding: 2px 12px; color: var(--navy); background: #fff; font-weight: 800; }
.upload-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding-block: 29px; }.upload-field { min-width: 0; display:flex;align-items:stretch;flex-direction:column;gap:8px;padding:16px; border: 1px solid #c9dcda; border-radius: 12px; background: #fff; box-shadow:0 7px 20px rgba(15,65,68,.055) }.upload-field>label{min-height:40px;color:var(--navy);font-size:14px;font-weight:800}.upload-field>label b { color: var(--red); }.upload-field input[type="file"] { min-height: 0 !important; padding: 9px !important; border-style:dashed !important;background:#f8fbfb !important;font-size: 12px !important; }.upload-field small { color: var(--muted); font-size: 10px; font-weight: 500; }.upload-field .file-saved { color: #1c7755; font-size: 11px; font-weight: 750; }.upload-preview-surface{position:relative;width:100%;height:265px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;border:1px solid #d5e1e0;border-radius:9px;color:var(--navy);background:#eef1f1;cursor:pointer}.upload-preview-surface:focus-visible{outline:3px solid rgba(8,127,131,.22);outline-offset:2px}.upload-preview-surface>img{width:100%;height:100%;object-fit:contain;background:#eef1f1}.upload-preview-surface>img[hidden],.upload-preview-placeholder[hidden],.document-preview-button[hidden]{display:none}.upload-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center}.upload-preview-art{display:flex;align-items:center;justify-content:center;margin-bottom:17px;color:#92aaa8}.upload-preview-art-document{width:105px;height:125px;border:2px solid #c8d6d5;border-radius:8px;background:#fff;box-shadow:0 8px 18px rgba(15,65,68,.07)}.upload-preview-art-photo{position:relative;width:150px;height:165px}.upload-preview-art-photo::before{position:absolute;top:0;left:50%;width:82px;height:82px;transform:translateX(-50%);border-radius:50%;background:#fff;content:""}.upload-preview-art-photo::after{position:absolute;right:6px;bottom:0;left:6px;height:88px;border-radius:48% 48% 15% 15% / 66% 66% 20% 20%;background:#fff;content:""}.upload-preview-placeholder strong{display:block;max-width:100%;overflow:hidden;color:#536b6d;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.upload-preview-placeholder small{display:block;margin-top:5px;color:#78898a;font-size:11px}.upload-preview-overlay{position:absolute;right:12px;bottom:12px;left:12px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:7px;color:#fff;background:rgba(5,66,70,.88);font-size:11px;font-weight:800;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .2s,transform .2s}.upload-preview-surface:hover .upload-preview-overlay,.upload-preview-surface:focus-visible .upload-preview-overlay{opacity:1;transform:none}.document-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:flex-start;margin-top:2px;padding:7px 11px;border:1px solid #a9d7d5;border-radius:8px;color:var(--teal-dark);background:#eef9f8;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.document-preview-button:hover{color:#fff;background:var(--teal)}.application-document-preview{position:fixed;z-index:1000;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(5,35,38,.76);backdrop-filter:blur(4px)}.application-document-preview.open{display:flex}.application-document-preview-card{width:min(1050px,100%);overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.28)}.application-document-preview-card>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-bottom:1px solid var(--line);background:linear-gradient(115deg,#f0faf9,#fff)}.application-document-preview-card h2{margin:0;color:var(--navy);font-size:17px}.application-document-preview-card header button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:9px;color:var(--navy);background:var(--teal-soft);cursor:pointer}.application-document-preview-body{height:min(76vh,760px);display:flex;align-items:center;justify-content:center;background:#e8eeee}.application-document-preview-body img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.application-document-preview-body iframe{width:100%;height:100%;border:0;background:#fff}.declaration-check { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 30px; padding: 16px; border: 1px solid #b9d9d7; border-radius: 9px; color: #3b5355; background: #f7fbfb; font-size: 13px; line-height: 1.7; }.declaration-check input { width: 20px; height: 20px; flex: 0 0 auto; margin-top: 3px; accent-color: var(--teal); }
.application-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 20px clamp(20px, 4vw, 38px); border-top: 1px solid var(--line); background: var(--off-white); }
.review-form-header{border-bottom-color:#cbdedc!important;background:linear-gradient(115deg,#edf8f7,#fff)!important}.review-intro{margin:28px clamp(20px,4vw,38px) 0;padding:18px 20px;border:1px solid #e4bd64;border-left:5px solid #b87500;border-radius:10px;background:#fff9e9}.review-intro strong{color:#7d4e00;font-size:16px}.review-intro p{margin:5px 0 0;color:#6b5c40;font-size:12px;line-height:1.7}.review-intro p span{font-weight:850}.review-section{margin:22px clamp(20px,4vw,38px) 0;border:1px solid var(--line);border-radius:12px;background:#fff}.review-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--line);background:#f8fbfb}.review-section-heading small{display:block;color:var(--teal);font-size:9px;font-weight:850;text-transform:uppercase}.review-section-heading h3{margin:2px 0 0;color:var(--navy);font-size:17px}.review-section-heading>a{flex:0 0 auto;color:var(--teal-dark);font-size:10px;font-weight:800;text-decoration:underline}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.review-item{min-width:0;padding:15px 17px;border-right:1px solid #e5eeed;border-bottom:1px solid #e5eeed}.review-item:nth-child(even){border-right:0}.review-item-wide{grid-column:1/-1;border-right:0}.review-item-label{margin-bottom:6px;color:#718284;font-size:10px;font-weight:750}.review-item-value{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.review-item-value[hidden]{display:none}.review-item-value>span{overflow-wrap:anywhere;color:var(--navy);font-size:13px;font-weight:800;line-height:1.55}.review-item-value>button,.review-item-editor>button{flex:0 0 auto;padding:4px 7px;border:1px solid #b8d7d5;border-radius:6px;color:var(--teal-dark);background:#f0f9f8;font-size:9px;font-weight:850;cursor:pointer}.review-item-value>.review-edit-icon{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;font-size:16px;line-height:1}.review-item-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.review-item-editor[hidden]{display:none}.review-item-editor input,.review-item-editor textarea,.review-item-editor select{width:100%;min-height:39px;padding:8px 10px;border:1px solid var(--teal);border-radius:7px;background:#fff;font:inherit;font-size:13px;outline:none}.review-item-editor textarea{resize:vertical}.review-item-editor>button{min-height:39px;padding-inline:11px;color:#fff;background:var(--teal)}.review-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:17px}.review-document-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #dce9e8;border-radius:9px;background:#fbfdfd}.review-document-item>span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--teal-dark);background:var(--teal-soft)}.review-document-item strong,.review-document-item small{display:block}.review-document-item strong{color:var(--navy);font-size:11px}.review-document-item small{margin-top:2px;color:var(--muted);font-size:9px}.review-document-item .document-preview-button{margin:0;padding:6px 9px}.final-review-button{background:#8f1d2a!important}.final-submit-modal{position:fixed;z-index:1100;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(18,24,25,.82);backdrop-filter:blur(5px)}.final-submit-modal.open{display:flex}.final-submit-card{width:min(620px,100%);padding:clamp(25px,5vw,42px);border:2px solid #c33545;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.4);text-align:center}.final-submit-warning-icon{width:66px;height:66px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border-radius:50%;color:#fff;background:#a51f30;box-shadow:0 0 0 8px #fbe6e9;font-size:38px;font-weight:950}.final-submit-card .portal-eyebrow{color:#a51f30}.final-submit-card h2{margin:4px 0 12px;color:#62131d;font-size:clamp(24px,4vw,32px);line-height:1.3}.final-submit-card>p{margin:0;color:#4f5d5e;font-size:13px;line-height:1.8}.final-submit-legal-note{margin:18px 0;padding:13px 15px;border:1px solid #efabb4;border-radius:9px;color:#8f1d2a;background:#fff2f4;font-size:12px;line-height:1.65;text-align:left}.final-submit-declaration{margin:0 0 20px;text-align:left}.final-submit-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.final-submit-actions .btn{justify-content:center}.final-submit-actions .btn-danger{color:#fff;background:#a51f30}.final-submit-actions .btn-danger:disabled{opacity:.45;cursor:not-allowed}

.site-footer { color: #d2e3e2; background: #102f33; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 54px; padding-block: 46px 38px; }
.brand-light strong { color: #fff; }
.brand-light small { max-width: 370px; color: #a9c2c0; white-space: normal; line-height: 1.55; }
.footer-brand > p { margin: 14px 0 0 84px; color: #adc2c1; font-size: 14px; }
.site-footer h2 { margin: 2px 0 14px; color: #fff; font-size: 16px; }
.footer-links { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 7px 15px; font-size: 14px; }
.footer-links a:hover { color: #fff; }
.footer-contact { display: flex; align-items: center; gap: 9px; margin-bottom: 6px; color: #fff; font-weight: 750; }
.footer-contact .icon { color: #65d5cc; }
.emergency-note { margin: 10px 0 0; color: #f5abb4; font-size: 12px; }
.footer-bottom { padding: 14px 0; border-top: 1px solid rgba(255,255,255,.08); color: #8eaaa8; font-size: 12px; }
.floating-call { position: fixed; right: 18px; bottom: 18px; z-index: 90; display: none; align-items: center; gap: 8px; min-height: 46px; padding: 9px 14px; border-radius: 999px; color: #fff; background: var(--red); box-shadow: 0 8px 25px rgba(129,19,32,.3); font-size: 14px; font-weight: 800; }

.page-hero { position: relative; min-height: 230px; display: flex; align-items: flex-end; overflow: hidden; color: #fff; background: var(--navy); }
.page-hero > img, .page-hero-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.page-hero > img { object-fit: cover; object-position: center 46%; }
.page-hero-overlay { background: linear-gradient(90deg, rgba(5,43,47,.9), rgba(5,43,47,.52)); }
.page-hero .container { position: relative; z-index: 1; padding-bottom: 34px; }
.page-hero p { display: flex; gap: 10px; margin: 0 0 2px; color: #c7e3e0; font-size: 13px; }
.page-hero h1 { margin: 0; font-size: clamp(32px, 4vw, 48px); line-height: 1.2; }
.inner-section { min-height: 400px; }
.about-page-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 55px; align-items: start; }
.about-page-copy .section-heading { margin-bottom: 22px; }
.about-page-copy > p { color: var(--muted); line-height: 1.85; }
.fact-panel { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.fact-panel > img { width: 100%; aspect-ratio: 1.65; object-fit: cover; }
.fact-panel dl { margin: 0; padding: 10px 22px 20px; }
.fact-panel dl div { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.fact-panel dl div:last-child { border: 0; }
.fact-panel dt { color: var(--muted); font-size: 13px; }.fact-panel dd { margin: 0; color: var(--navy); font-weight: 750; text-align: right; }
.all-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 32px; }
.full-service-card { padding: 22px; border: 1px solid var(--line); border-radius: 11px; background: #fff; box-shadow: 0 5px 18px rgba(12,65,68,.05); }
.full-service-card h2 { margin: 15px 0 5px; color: var(--navy); font-size: 18px; }
.full-service-card p { margin: 0 0 13px; color: var(--muted); font-size: 13px; }
.full-service-card a { display: inline-flex; align-items: center; gap: 5px; color: var(--teal-dark); font-size: 13px; font-weight: 800; }
.empty-state { max-width: 680px; margin: 35px auto 0; padding: 44px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--off-white); text-align: center; }
.empty-state > span { width: 66px; height: 66px; display: flex; align-items: center; justify-content: center; margin: auto; border-radius: 50%; color: var(--teal); background: var(--teal-soft); }
.empty-state h2 { margin: 17px 0 5px; color: var(--navy); font-size: 20px; }.empty-state p { color: var(--muted); }
.notice-list-page { grid-template-columns: 1fr; max-width: 900px; margin-top: 28px; }.notice-list-page .notice-item { min-height: 115px; }
.notice-date-filter { max-width: 900px; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 9px; margin-top: 20px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.notice-filter-field { display: flex; flex-direction: column; gap: 5px; }
.notice-date-filter label { color: var(--navy); font-size: 12px; font-weight: 800; }
.notice-date-filter input { min-height: 42px; padding: 8px 11px; border: 1px solid #c8d9d8; border-radius: 8px; color: var(--ink); background: #fff; font: inherit; }
.notice-date-filter input[type="search"] { width: min(260px, 72vw); }
.notice-date-filter .btn { min-height: 42px; }
.notice-list-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.notice-list-reference { color: var(--teal-dark); font-size: 10px; font-weight: 800; }
.pagination-wrap { margin-top: 24px; }
.notice-detail-section { background: var(--off-white); }
.notice-detail-layout { max-width: 980px; }
.notice-detail-card { padding: clamp(24px, 4vw, 48px); border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.notice-back-link { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 27px; color: var(--teal-dark); font-size: 14px; font-weight: 800; }
.notice-back-link:hover { color: var(--cyan); }
.notice-detail-header { display: grid; grid-template-columns: 82px 1fr; gap: 20px; align-items: start; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.notice-detail-date { min-height: 82px; }
.notice-detail-date strong { font-size: 29px; }.notice-detail-date span { font-size: 12px; }
.notice-detail-header h1 { margin: 8px 0 0; color: var(--navy); font-size: clamp(27px, 4vw, 40px); line-height: 1.25; letter-spacing: -.02em; }
.notice-reference { margin-top: 8px; color: var(--teal-dark); font-size: 12px; font-weight: 800; }
.notice-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; }
.notice-tags span { padding: 4px 9px; border: 1px solid #cce2e0; border-radius: 999px; color: var(--teal-dark); background: var(--teal-soft); font-size: 11px; font-weight: 700; }
.notice-body { padding-block: 30px; color: #344d50; line-height: 1.85; overflow-wrap: anywhere; }
.notice-body > :first-child { margin-top: 0; }.notice-body > :last-child { margin-bottom: 0; }
.notice-body img { height: auto; border-radius: 9px; }.notice-body a { color: var(--teal); text-decoration: underline; }
.notice-attachments { padding-top: 27px; border-top: 1px solid var(--line); }
.notice-attachments-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; margin-bottom: 16px; }
.notice-attachments-heading h2 { margin: 0; color: var(--navy); font-size: 21px; }.notice-attachments-heading > span { color: var(--muted); font-size: 12px; }
.notice-attachment-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
.notice-attachment-card { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.notice-attachment-preview { display: flex; align-items: center; justify-content: center; overflow: hidden; background: #e9eeee; }
.notice-attachment-preview > a { display: flex; width: 100%; justify-content: center; }
.notice-attachment-preview img { display: block; width: 100%; height: auto; max-height: 760px; object-fit: contain; transition: transform .25s; }
.notice-attachment-document { display: block; width: 100%; height: clamp(480px, 72vh, 780px); border: 0; background: #fff; }
.notice-attachment-preview:hover img { transform: scale(1.025); }
.notice-pdf-mark { display: flex; align-items: center; justify-content: center; width: 70px; height: 82px; border-radius: 7px; color: #fff; background: var(--red); font-size: 18px; font-weight: 900; box-shadow: 0 8px 18px rgba(180,30,46,.18); }
.notice-attachment-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 13px; }
.notice-attachment-info { min-width: 0; display: flex; flex-direction: column; line-height: 1.35; }.notice-attachment-meta strong { color: var(--navy); font-size: 13px; }.notice-attachment-meta span { color: var(--muted); font-size: 10px; }
.notice-attachment-actions { display: flex; flex: 0 0 auto; gap: 7px; }
.notice-attachment-actions > a { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 7px; color: var(--teal-dark); background: var(--teal-soft); }
.not-found-section { min-height: calc(100vh - 116px); display: flex; align-items: center; padding-block: clamp(65px, 9vw, 120px); overflow: hidden; background: radial-gradient(circle at 17% 22%, #e4f5f3 0, rgba(228,245,243,0) 31%), var(--off-white); }
.not-found-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 7vw, 90px); align-items: center; }
.not-found-visual { position: relative; min-height: 340px; display: flex; align-items: center; justify-content: center; isolation: isolate; }
.not-found-visual::before { position: absolute; z-index: -1; width: min(420px, 92%); aspect-ratio: 1; border-radius: 50%; background: #fff; box-shadow: var(--shadow); content: ""; }
.not-found-ring { position: absolute; z-index: -2; border: 1px solid #b9dedb; border-radius: 50%; }
.not-found-ring-one { width: 440px; height: 260px; transform: rotate(24deg); }.not-found-ring-two { width: 400px; height: 225px; transform: rotate(-28deg); }
.not-found-code { display: flex; align-items: center; justify-content: center; color: var(--navy); font-size: clamp(88px, 11vw, 145px); font-weight: 900; line-height: 1; letter-spacing: -.08em; }
.not-found-code i { width: clamp(74px, 8vw, 105px); height: clamp(74px, 8vw, 105px); display: flex; align-items: center; justify-content: center; margin-inline: 8px 14px; border-radius: 50%; color: #fff; background: var(--red); box-shadow: 0 15px 30px rgba(190,30,48,.23); }
.not-found-code i .icon { width: 52%; height: 52%; fill: currentColor; stroke: none; }
.not-found-eyebrow { display: inline-block; margin-bottom: 8px; color: var(--teal); font-size: 13px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.not-found-copy h1 { max-width: 580px; margin: 0; color: var(--navy); font-size: clamp(34px, 4.6vw, 58px); line-height: 1.15; letter-spacing: -.035em; }
.not-found-copy > p { max-width: 590px; margin: 18px 0 0; color: var(--muted); font-size: 17px; line-height: 1.75; }
.not-found-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 28px; }
.not-found-copy .not-found-help { margin-top: 25px; font-size: 13px; }.not-found-help a { color: var(--teal-dark); font-weight: 850; }
.gallery-page-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 30px; }
.gallery-page-grid button { position: relative; overflow: hidden; padding: 0; border: 0; border-radius: 11px; background: #e8f1f0; cursor: pointer; }
.gallery-page-grid img { width: 100%; aspect-ratio: 1.7; object-fit: cover; transition: transform .3s; }
.gallery-page-grid button:nth-child(2) img { object-position: 20% 50%; }.gallery-page-grid button:nth-child(3) img { object-position: 80% 50%; }
.gallery-page-grid button:hover img { transform: scale(1.025); }.gallery-note { color: var(--muted); text-align: center; }
.gallery-page-grid button span { position: absolute; right: 10px; bottom: 10px; left: 10px; padding: 7px 10px; border-radius: 6px; color: #fff; background: rgba(5,45,48,.8); font-size: 12px; font-weight: 700; text-align: left; }
.gallery-empty-state { margin-top: 10px; }
.contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; align-items: start; }
.contact-cards { display: grid; gap: 10px; margin-top: 28px; }
.contact-cards > * { min-height: 70px; display: flex; align-items: center; gap: 13px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 9px; background: var(--off-white); }
.contact-cards > * > .icon { color: var(--teal); }.contact-cards span { display: flex; flex-direction: column; }.contact-cards small { color: var(--muted); }.contact-cards strong { color: var(--navy); }
.contact-form { padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.form-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }
.contact-form label { display: block; margin-bottom: 12px; color: var(--navy); font-size: 13px; font-weight: 750; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; margin-top: 5px; padding: 11px 12px; border: 1px solid #cddedd; border-radius: 7px; color: var(--ink); background: #fff; font-size: 16px; outline: 0; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(8,127,131,.1); }
.contact-form input:user-invalid { border-color: #d66370; box-shadow: 0 0 0 3px rgba(220,36,56,.08); }
.input-hint { display: block; margin-top: 1px; color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.45; }
.contact-form textarea { resize: vertical; }
.success-message, .error-message { margin-bottom: 14px; padding: 10px 12px; border-radius: 7px; font-size: 13px; }
.success-message { color: #135d44; background: #e3f6ed; }.error-message { color: #92202d; background: #ffe8eb; }
.form-note { display: block; margin-top: 12px; color: var(--muted); line-height: 1.45; }

@media (max-width: 1100px) {
    .brand strong { font-size: 17px; }
    .nav-menu > a { padding-inline: 7px; font-size: 13px; }
    .nav-menu > a:not(.nav-call)::after { left: 7px; right: 7px; }
    .hero-copy { width: 65%; }
    .notice-layout { grid-template-columns: 235px 1fr; gap: 28px; }
    .updates-layout { gap: 28px; }
    .home-news { padding-right: 28px; }
    .publication-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .publications-home .publication-card:nth-child(4) { display: none; }
}

@media (max-width: 920px) {
    .topbar .container > span:first-child { display: none; }
    .topbar-inner { justify-content: flex-end; }
    .navbar-inner { min-height: 72px; }
    .brand img { width: 54px; height: 54px; }
    .menu-toggle { display: flex; }
    .nav-menu { position: absolute; left: 0; right: 0; top: 107px; display: none; align-items: stretch; flex-direction: column; gap: 0; max-height: calc(100vh - 107px); overflow-y: auto; padding: 10px 20px 18px; border-top: 1px solid var(--line); background: #fff; box-shadow: 0 15px 25px rgba(15,56,59,.12); }
    .nav-menu.open { display: flex; }
    .nav-menu > a { min-height: 46px; display: flex; align-items: center; padding-inline: 5px; border-bottom: 1px solid #edf2f2; }
    .nav-menu>a.nav-notice-link{margin-right:0;padding-right:5px}.nav-menu>a.nav-notice-link+a{padding-left:5px}.nav-notice-pulse{top:9px;right:auto;left:55px}
    .nav-menu > a::after { display: none; }
    .nav-menu .nav-call { justify-content: center; margin: 10px 0 0; }
    .hero-copy { width: 70%; }
    .notice-layout { grid-template-columns: 1fr; gap: 22px; }
    .updates-layout { grid-template-columns: 1fr; }
    .home-news { padding: 0 0 30px; border-right: 0; border-bottom: 1px solid var(--line); }
    .notice-intro { padding-left: 50px; }
    .notice-intro .desktop-link { display: none; }.mobile-link { display: inline-flex; }
    .about-grid { gap: 38px; }
    .services-grid, .all-services-grid { grid-template-columns: repeat(2, 1fr); }
    .values-grid { grid-template-columns: 1fr; }
    .value-card { align-items: flex-start; }
    .footer-grid { grid-template-columns: 1.25fr .75fr; }.footer-grid > div:last-child { grid-column: 1 / -1; }
    .about-page-grid, .contact-grid { gap: 35px; }
    .not-found-layout { gap: 30px; }.not-found-visual { min-height: 300px; }
    .shareholder-home-grid { grid-template-columns: 1fr; gap: 32px; }.shareholder-home-facts { max-width: 650px; }
    .dashboard-grid,.shareholder-dashboard-layout { grid-template-columns: 1fr; }.shareholder-dashboard-side{grid-template-columns:1fr 1fr}.dashboard-profile-card { display: grid; grid-template-columns: auto 1fr; column-gap: 18px; text-align: left; }.dashboard-avatar { grid-row: 1 / 5; margin: 0; }.dashboard-profile-card .btn { grid-column: 1 / -1; }.shareholder-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .profile-settings-grid { grid-template-columns: 1fr; }.profile-security-card { display: grid; grid-template-columns: auto 1fr 1fr; gap: 10px 18px; align-items: center; }.security-icon { grid-row: 1 / 3; margin: 0; }.profile-security-card > p { margin: 0; }.security-status-row { border: 0; padding: 4px 0; }.profile-email-card { grid-column: auto; }
    .publication-grid, .publication-page-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .publications-home .publication-card:nth-child(4) { display: flex; }
    .publication-detail-layout { grid-template-columns: 280px minmax(0, 1fr); gap: 18px; }
    .publication-preview iframe { height: 650px; }
}

@media (max-width: 720px) {
    html[lang="bn"] body { font-size: 16px; }
    .container { width: min(100% - 30px, var(--container)); }
    .phone-separator, .topbar-actions > a:nth-of-type(2) { display: none; }
    .language-switch { margin-left: 4px; }
    .brand { gap: 9px; }.brand img { width: 48px; height: 48px; }.brand strong { max-width: 230px; overflow: hidden; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; }.brand small { margin-top: 4px; font-size: 10px; }
    .hero, .hero-inner { min-height: 480px; }
    .hero-image { object-position: 61% center; }
    .hero-shade { background: linear-gradient(90deg, rgba(4,32,36,.94) 0%, rgba(4,35,38,.78) 70%, rgba(4,35,38,.52)); }
    .hero-inner { align-items: flex-end; padding-block: 38px; }
    .hero-copy { width: 100%; }
    .hero h1, html[lang="bn"] .hero h1 { max-width: 560px; font-size: clamp(33px, 9vw, 44px); }
    .hero-copy > p { max-width: 500px; font-size: 16px; }
    .hero-facts { margin-top: 25px; }.hero-facts span { min-width: 0; flex: 1; margin-right: 12px; padding-right: 12px; }.hero-facts strong { font-size: 19px; }
    .section { padding-block: 52px; }.notice-section { padding-block: 35px; }
    .notice-list { grid-template-columns: 1fr; }
    .news-page-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .about-grid, .about-page-grid, .contact-grid { grid-template-columns: 1fr; }
    .not-found-layout { grid-template-columns: 1fr; text-align: center; }.not-found-visual { min-height: 245px; }.not-found-visual::before { width: min(320px, 88%); }.not-found-ring-one { width: 340px; height: 190px; }.not-found-ring-two { width: 320px; height: 175px; }.not-found-copy > p { margin-inline: auto; }.not-found-actions { justify-content: center; }
    .about-visual { order: -1; }.about-stamp { right: 12px; bottom: 12px; }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .admin-grid { grid-template-columns: repeat(2, 1fr); }.admin-card { align-items: flex-start; flex-direction: column; }
    .gallery-grid { height: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-flow: row; gap: 9px; }
    .gallery-item { min-width: 0; aspect-ratio: 1.55; }
    .gallery-wide { grid-column: 1 / -1; grid-row: auto; aspect-ratio: 3.2; }
    .gallery-bottom { display: block; }
    .gallery-grid:not(.gallery-count-6) .gallery-item:last-child:nth-child(even) { grid-column: 1 / -1; aspect-ratio: 2.25; }
    .gallery-count-6 { grid-template-rows: clamp(105px, 29vw, 155px) repeat(3, clamp(92px, 25vw, 132px)); }
    .gallery-count-6 .gallery-item { aspect-ratio: auto; }
    .gallery-count-6 .gallery-wide { grid-column: 1 / -1; grid-row: 1; }
    .gallery-count-6 .gallery-top { grid-column: 1; grid-row: 2; }
    .gallery-count-6 .gallery-center { grid-column: 2; grid-row: 2; }
    .gallery-count-6 .gallery-right { grid-column: 1; grid-row: 3; }
    .gallery-count-6 .gallery-bottom { grid-column: 1; grid-row: 4; }
    .gallery-count-6 .gallery-left { grid-column: 2; grid-row: 3 / 5; }
    .footer-grid { grid-template-columns: 1fr; gap: 30px; }.footer-grid > div:last-child { grid-column: auto; }.footer-brand > p { margin-left: 0; }.footer-links { max-width: 330px; }
    .page-hero { min-height: 190px; }.page-hero .container { padding-bottom: 25px; }
    .fact-panel { order: -1; }
    .all-services-grid { grid-template-columns: repeat(2, 1fr); }
    .notice-attachment-grid { grid-template-columns: 1fr; }
    .gallery-page-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; }
    .gallery-page-grid img { aspect-ratio: 4 / 3; }
    .publication-detail-layout { grid-template-columns: 1fr; }
    .publication-detail-card { position: static; }
    .publication-detail-card > img { height: 320px; }
    .publication-preview iframe { height: 620px; }
    .floating-call { display: flex; }
    .portal-shell { padding-block: 40px 65px; }.application-wrap, .portal-page-wrap { width: min(100% - 30px, 1080px); }.application-steps span span, .application-steps a span { display: none; }.application-steps { margin-inline: 10px; }.application-title-row { align-items: flex-start; }.application-total { flex: 0 0 auto; }.application-information-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.application-information-facts>div:nth-child(2){border-right:0}.application-information-facts>div:nth-child(-n+2){border-bottom:1px solid #d9e9e8}.application-information-footer{align-items:flex-start;flex-direction:column;gap:3px}.application-consent-body{grid-template-columns:1fr}.share-reference-grid { grid-template-columns: 1fr; }.share-reference-grid > div { flex-direction: row; justify-content: space-between; align-items: center; }.application-field-grid, .upload-grid,.review-grid,.review-document-grid { grid-template-columns: 1fr; }.review-item,.review-item:nth-child(even){grid-column:auto;border-right:0}.review-section-heading{align-items:flex-start;flex-direction:column;gap:6px}.final-submit-actions{grid-template-columns:1fr}.portal-full, .field-full { grid-column: auto; }
    .profile-wrap { width: min(100% - 30px, 1100px); }.profile-hero-card { grid-template-columns: auto 1fr; }.profile-account-status { grid-column: 2; justify-self: start; }.profile-security-card { display: block; }.security-icon { margin-bottom: 13px; }.security-status-row { padding: 10px 0; border-top: 1px solid var(--line); }
}

/* Public staff directory */
.staff-directory-section { background: linear-gradient(180deg, #f8fbfb 0, #fff 42%); }
.staff-directory-section .section-heading { margin-bottom: 34px; }
.staff-directory { max-width: 1100px; display: grid; gap: 22px; margin-inline: auto; }
.staff-card { position: relative; display: grid; grid-template-columns: 230px minmax(0, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 14px 38px rgba(15,65,68,.08); transition: transform .2s, border-color .2s, box-shadow .2s; }
.staff-card::before { position: absolute; top: 0; right: 0; left: 230px; height: 4px; background: linear-gradient(90deg, var(--teal), var(--cyan)); content: ""; }
.staff-card:hover { transform: translateY(-2px); border-color: #c0dddb; box-shadow: 0 18px 44px rgba(15,65,68,.12); }
.staff-identity { position: relative; min-height: 330px; display: flex; align-items: flex-end; justify-content: center; padding: 28px 24px 0; overflow: hidden; background: linear-gradient(150deg, #e8f6f4 0%, #cae8e5 100%); }
.staff-identity::before { position: absolute; width: 290px; height: 290px; left: -110px; top: -125px; border: 50px solid rgba(255,255,255,.35); border-radius: 50%; content: ""; }
.staff-identity::after { position: absolute; right: -42px; bottom: -52px; width: 145px; height: 145px; border-radius: 50%; background: rgba(8,127,131,.1); content: ""; }
.staff-serial { position: absolute; z-index: 2; top: 18px; left: 18px; min-width: 43px; height: 29px; display: inline-flex; align-items: center; justify-content: center; padding-inline: 9px; border: 1px solid rgba(8,127,131,.18); border-radius: 999px; color: var(--teal-dark); background: rgba(255,255,255,.88); font-size: 12px; font-weight: 850; letter-spacing: .08em; box-shadow: 0 5px 15px rgba(15,65,68,.07); }
.staff-photo-frame { position: relative; z-index: 1; width: 178px; height: 260px; overflow: hidden; border-radius: 90px 90px 0 0; background: rgba(255,255,255,.58); box-shadow: 0 0 0 8px rgba(255,255,255,.32); }
.staff-photo-frame img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.staff-profile { min-width: 0; padding: 30px 32px 28px; }
.staff-profile-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.staff-eyebrow { display: block; color: var(--teal); font-size: 11px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.staff-profile-head h2 { margin: 5px 0 2px; color: var(--navy); font-size: clamp(23px, 2.8vw, 30px); line-height: 1.25; letter-spacing: -.02em; }
.staff-profile-head p { margin: 0; color: var(--teal-dark); font-size: 15px; font-weight: 750; }
.staff-department { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 6px 11px; border: 1px solid #cce4e2; border-radius: 999px; color: var(--teal-dark); background: var(--teal-soft); font-size: 12px; font-weight: 800; }
.staff-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 20px; margin: 10px 0 20px; }
.staff-facts > div { position: relative; min-width: 0; min-height: 73px; display: grid; grid-template-columns: 36px minmax(0, 1fr); grid-template-rows: auto auto; align-content: center; column-gap: 10px; padding: 10px 0; border-bottom: 1px solid #edf3f2; }
.staff-facts > div > span { grid-row: 1 / 3; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; align-self: center; border-radius: 9px; color: var(--teal); background: var(--teal-soft); }
.staff-facts dt { color: var(--muted); font-size: 11px; font-weight: 800; line-height: 1.4; }
.staff-facts dd { min-width: 0; margin: 2px 0 0; overflow-wrap: anywhere; color: var(--navy); font-size: 13px; font-weight: 700; line-height: 1.45; }
.staff-facts a { transition: color .2s; }
.staff-facts a:hover { color: var(--teal); }
.staff-notes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.staff-notes > div { min-width: 0; padding: 14px 16px; border: 1px solid #deeceb; border-radius: 10px; background: #f8fbfb; }
.staff-notes dt { display: flex; align-items: center; gap: 7px; margin-bottom: 5px; color: var(--teal-dark); font-size: 12px; font-weight: 850; }
.staff-notes dt .icon { color: var(--teal); }
.staff-notes dd { margin: 0; overflow-wrap: anywhere; color: #3e5659; font-size: 13px; line-height: 1.6; }
.staff-pagination { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 28px; }
.staff-pagination a, .staff-pagination > span { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 7px 14px; border: 1px solid #bcd5d4; border-radius: 7px; color: var(--teal-dark); background: #fff; font-size: 13px; font-weight: 800; }
.staff-pagination a:hover { border-color: var(--teal); background: var(--teal-soft); }
.staff-pagination .disabled { color: #97a4a4; background: #f3f6f6; }
.staff-pagination .staff-page-status { border-color: var(--teal); color: #fff; background: var(--teal); }
@media (max-width: 960px) {
    .staff-card { grid-template-columns: 205px minmax(0, 1fr); }
    .staff-card::before { left: 205px; }
    .staff-identity { min-height: 350px; padding-inline: 18px; }
    .staff-photo-frame { width: 164px; height: 250px; }
    .staff-profile { padding-inline: 24px; }
    .staff-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .staff-directory-section .section-heading { margin-bottom: 25px; }
    .staff-card { grid-template-columns: 1fr; }
    .staff-card::before { right: 0; left: 0; }
    .staff-identity { min-height: 285px; padding-top: 25px; }
    .staff-photo-frame { width: 180px; height: 245px; }
    .staff-profile { padding: 24px 20px; }
    .staff-profile-head { align-items: flex-start; flex-direction: column; gap: 12px; }
    .staff-department { align-self: flex-start; }
    .staff-notes { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .staff-directory { gap: 16px; }
    .staff-identity { min-height: 260px; }
    .staff-photo-frame { width: 165px; height: 225px; }
    .staff-profile { padding: 22px 17px 19px; }
    .staff-profile-head h2 { font-size: 23px; }
    .staff-facts { grid-template-columns: 1fr; gap: 0; }
    .staff-facts > div { min-height: 66px; }
    .staff-pagination { gap: 6px; }
    .staff-pagination a, .staff-pagination > span { padding-inline: 9px; font-size: 11px; }
}

@media (max-width: 480px) {
    .container { width: min(100% - 24px, var(--container)); }
    .publication-grid, .publication-page-grid { grid-template-columns: 1fr; }
    .publication-cover { min-height: 205px; }
    .publication-cover img { height: 190px; }
    .publication-actions { grid-template-columns: 1fr 1.25fr; }
    .publication-detail-card > img { height: 265px; padding: 12px; }
    .publication-detail-copy { padding: 16px; }
    .publication-preview { padding: 12px; }
    .publication-preview-heading { align-items: flex-start; flex-direction: column; gap: 6px; }
    .publication-preview iframe { height: 500px; }
    .topbar { font-size: 12px; }.topbar-actions { width: 100%; justify-content: space-between; }.language-switch { margin-left: auto; }
    .navbar-inner { min-height: 67px; }.brand img { width: 44px; height: 44px; }.brand strong { max-width: 205px; font-size: 14px; }.brand small { display: none; }
    .nav-menu { top: 102px; }
    .hero, .hero-inner { min-height: 465px; }.hero-image { object-position: 57% center; }.hero-inner { padding-bottom: 28px; }
    .hero-kicker { font-size: 12px; }.hero h1, html[lang="bn"] .hero h1 { font-size: 33px; }.hero-actions { display: grid; grid-template-columns: 1fr; }.hero-actions .btn { width: 100%; }
    .hero-facts span { font-size: 10px; }.hero-facts strong { font-size: 18px; }
    .section-heading h2 { font-size: 28px; }.heading-row { align-items: flex-start; flex-direction: column; gap: 14px; margin-bottom: 24px; }
    .notice-intro { padding-left: 45px; }.notice-intro .section-heading h2 { font-size: 27px; }
    .home-news-grid, .news-page-grid { grid-template-columns: 1fr; }
    .home-news-card, .home-news-card:nth-child(odd), .home-news-card:nth-child(even), .home-news-card:nth-child(-n+2) { padding: 15px 0; border: 0; border-top: 1px solid var(--line); }
    .home-news-card:first-child { padding-top: 0; border-top: 0; }
    .updates-heading { align-items: center; }.updates-heading h2 { font-size: 25px; }
    .notice-item { grid-template-columns: 51px 1fr; }.notice-arrow { display: none; }
    .about-grid { gap: 28px; }.mini-highlights { gap: 5px; }.mini-highlights span { padding: 9px; font-size: 10px; }.mini-highlights b { font-size: 17px; }
    .services-grid, .all-services-grid { grid-template-columns: 1fr; }.service-card { min-height: 0; }
    .admin-card { min-width: 0; padding: 11px; }.admin-avatar { width: 70px; height: 88px; }.admin-card h3 { font-size: 14px; }
    .admin-card-featured { min-height: 145px; padding: 13px; }.admin-card-featured .admin-avatar { width: 86px; height: 108px; }.admin-card-featured h3 { font-size: 16px; }
    .gallery-section { padding-block: 46px 54px; }
    .gallery-item span { right: 8px; bottom: 8px; left: 8px; width: fit-content; max-width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .lightbox { padding: 16px; }
    .lightbox > img { max-width: 100%; max-height: 82vh; }
    .lightbox > button { top: 12px; right: 12px; }
    .page-hero { min-height: 165px; }.page-hero h1 { font-size: 31px; }
    .empty-state, .contact-form { padding: 24px 18px; }.form-row { grid-template-columns: 1fr; gap: 0; }
    .notice-detail-card { padding: 21px 17px; }.notice-detail-header { grid-template-columns: 62px 1fr; gap: 13px; }.notice-detail-date { min-height: 64px; }.notice-detail-date strong { font-size: 22px; }.notice-detail-date span { font-size: 9px; }.notice-attachment-grid { grid-template-columns: 1fr; }.notice-attachment-document { height: 500px; }
    .floating-call span { display: none; }.floating-call { width: 49px; height: 49px; justify-content: center; padding: 0; }
    .not-found-section { min-height: 650px; padding-block: 45px 70px; }.not-found-visual { min-height: 205px; }.not-found-code { font-size: 83px; }.not-found-ring-one { width: 280px; height: 155px; }.not-found-ring-two { width: 265px; height: 145px; }.not-found-copy h1 { font-size: 34px; }.not-found-copy > p { font-size: 15px; }.not-found-actions { display: grid; grid-template-columns: 1fr; }.not-found-actions .btn { width: 100%; }
    .shareholder-home-actions { display: grid; grid-template-columns: 1fr; }.shareholder-home-actions .btn { width: 100%; }.shareholder-home-facts { grid-template-columns: 1fr; }.shareholder-home-facts div { min-height: 86px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }.portal-form-grid { grid-template-columns: 1fr; }.portal-toolbar { align-items: flex-start; flex-direction: column; }.portal-toolbar .btn { width: 100%; }.portal-toolbar form { width: 100%; }.dashboard-card-head { flex-direction: column; }.share-price { text-align: left; }.shareholder-dashboard-side{grid-template-columns:1fr}.dashboard-profile-card { display: block; text-align: center; }.dashboard-avatar { margin: 0 auto 13px; }.dashboard-menu-heading{padding:20px}.shareholder-menu-item{padding-inline:14px}.shareholder-form-card{grid-template-columns:auto minmax(0,1fr);padding:17px}.shareholder-form-card .btn{grid-column:1/-1;width:100%;justify-content:center}.certificate-verify-details>div{grid-template-columns:1fr;gap:4px}.shareholder-download-card{grid-template-columns:auto 1fr;padding:17px}.shareholder-download-card .btn{grid-column:1/-1;width:100%}.shareholder-directory{padding:17px}.shareholder-directory-heading{align-items:flex-start;flex-direction:column;gap:10px}.shareholder-directory-grid{grid-template-columns:1fr}.shareholder-directory-card>img{width:62px;height:62px;flex-basis:62px}.application-title-row { display: block; }.application-total { display: inline-flex; margin-top: 15px; text-align: left; }.application-information-facts{grid-template-columns:1fr}.application-information-facts>div{border-right:0;border-bottom:1px solid #d9e9e8}.application-information-facts>div:last-child{border-bottom:0}.application-form > header h2 { font-size: 21px; }.application-actions { align-items: stretch; flex-direction: column-reverse; }.application-actions > * { width: 100%; }.application-actions > span { display: none; }.application-summary div { align-items: flex-start; flex-direction: column; gap: 1px; }
    .profile-wrap { width: min(100% - 24px, 1100px); }.profile-hero-card { display: block; text-align: center; }.profile-avatar { width: 68px; height: 68px; margin: 0 auto 12px; }.profile-meta { justify-content: center; }.profile-account-status { margin-top: 14px; }.profile-section-heading { align-items: flex-start; padding: 18px; }.profile-section-heading .verified-badge { display: none; }.profile-form, .email-update-form { padding: 20px 18px; }.profile-form-footer { align-items: stretch; flex-direction: column; }.profile-form-footer .btn { width: 100%; }.email-input-action { grid-template-columns: 1fr; }.email-input-action .btn { width: 100%; }.pending-email-notice { align-items: stretch; flex-direction: column; margin: 18px 18px 0; }.pending-email-notice .btn { width: 100%; }
}

@media (max-width: 350px) {
    .brand strong { max-width: 172px; font-size: 13px; }
    .hero h1, html[lang="bn"] .hero h1 { font-size: 30px; }
    .admin-grid { grid-template-columns: 1fr; }.admin-card { flex-direction: row; align-items: center; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Doctor directory */
.doctor-directory { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.doctor-list-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; color: inherit; background: #fff; box-shadow: 0 8px 25px rgba(15,65,68,.07); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.doctor-list-card:hover { transform: translateY(-4px); border-color: #afd5d2; box-shadow: 0 15px 32px rgba(15,65,68,.12); }
.doctor-list-card:focus-visible { outline: 3px solid rgba(8,135,139,.28); outline-offset: 3px; }
.doctor-list-photo { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: linear-gradient(145deg, var(--teal-soft), #d8efed); }
.doctor-list-photo img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 16%; transition: transform .3s ease; }
.doctor-list-card:hover .doctor-list-photo img { transform: scale(1.025); }
.doctor-list-photo span { position: absolute; right: 11px; bottom: 11px; max-width: calc(100% - 22px); padding: 6px 9px; overflow: hidden; border-radius: 7px; color: #fff; background: rgba(6,78,83,.92); font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; backdrop-filter: blur(5px); }
.doctor-list-body { padding: 18px; }
.doctor-list-body h2 { margin: 0; color: var(--navy); font-size: 19px; line-height: 1.35; }
.doctor-list-designation { margin: 5px 0 13px; color: var(--teal-dark); font-size: 13px; font-weight: 750; }
.doctor-list-fact { margin-top: 11px; }
.doctor-list-fact small { display: block; margin-bottom: 2px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .035em; }
.doctor-list-fact p { display: -webkit-box; overflow: hidden; margin: 0; color: #40585a; font-size: 13px; font-weight: 650; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: pre-line; }
.doctor-list-schedule { padding-top: 10px; border-top: 1px solid #e4eeee; }
.doctor-list-more { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; padding-top: 13px; border-top: 1px solid #e4eeee; color: var(--teal-dark); font-size: 12px; font-weight: 850; }
.doctor-list-more b { font-size: 18px; transition: transform .18s ease; }
.doctor-list-card:hover .doctor-list-more b { transform: translateX(4px); }

/* Doctor details */
.doctor-detail-section { background: linear-gradient(180deg, #f4faf9, #fff); }
.doctor-detail-container { max-width: 1080px; }
.doctor-back-link { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 18px; color: var(--teal-dark); font-size: 13px; font-weight: 800; }
.doctor-back-link:hover { text-decoration: underline; }
.doctor-detail-card { display: grid; grid-template-columns: 290px minmax(0, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 14px 38px rgba(15,65,68,.09); }
.doctor-detail-sidebar { border-right: 1px solid var(--line); background: #f5faf9; }
.doctor-detail-photo { position: relative; aspect-ratio: 4 / 5; background: var(--teal-soft); }
.doctor-detail-photo img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; }
.doctor-detail-photo span { position: absolute; right: 14px; bottom: 14px; left: 14px; padding: 8px 10px; border-radius: 8px; color: #fff; background: rgba(6,78,83,.92); font-size: 12px; font-weight: 800; text-align: center; }
.doctor-detail-summary { padding: 20px; }
.doctor-detail-summary div + div { margin-top: 16px; padding-top: 15px; border-top: 1px solid #dce9e7; }
.doctor-detail-summary small { display: block; margin-bottom: 4px; color: var(--muted); font-size: 10px; font-weight: 800; }
.doctor-detail-summary strong, .doctor-detail-summary p { display: block; margin: 0; color: var(--navy); font-size: 14px; font-weight: 750; line-height: 1.6; overflow-wrap: anywhere; }
.doctor-detail-content { min-width: 0; padding: clamp(23px, 4vw, 38px); }
.doctor-detail-content > header { padding-bottom: 19px; border-bottom: 1px solid var(--line); }
.doctor-detail-content > header span { color: var(--teal); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.doctor-detail-content > header h1 { margin: 5px 0 4px; color: var(--navy); font-size: clamp(25px, 3.2vw, 34px); line-height: 1.3; }
.doctor-detail-content > header p { margin: 0; color: var(--teal-dark); font-size: 14px; font-weight: 750; }
.doctor-detail-section-block { padding: 18px 0; border-bottom: 1px solid #e6efee; }
.doctor-detail-section-block h2 { margin: 0 0 7px; color: var(--teal-dark); font-size: 15px; }
.doctor-detail-section-block p { margin: 0; color: #455d60; font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
.doctor-rich-content { color: #455d60; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.doctor-rich-content > :first-child { margin-top: 0; }
.doctor-rich-content > :last-child { margin-bottom: 0; }
.doctor-rich-content p { margin: 0 0 9px; }
.doctor-rich-content ul, .doctor-rich-content ol { margin: 7px 0; padding-left: 21px; }
.doctor-rich-content li + li { margin-top: 4px; }
.doctor-rich-content blockquote { margin: 10px 0; padding: 8px 12px; border-left: 3px solid var(--teal); color: #53696b; background: #f4faf9; }
.doctor-rich-content a { color: var(--teal-dark); font-weight: 750; text-decoration: underline; }
.doctor-detail-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; margin: 8px 0 24px; }
.doctor-detail-facts div { min-width: 0; padding: 12px 0; border-bottom: 1px solid #e6efee; }
.doctor-detail-facts dt { margin-bottom: 4px; color: var(--muted); font-size: 10px; font-weight: 800; }
.doctor-detail-facts dd { margin: 0; color: var(--navy); font-size: 14px; font-weight: 650; line-height: 1.6; overflow-wrap: anywhere; }
.doctor-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.doctor-detail-actions .btn { display: inline-flex; align-items: center; gap: 8px; }
@media (max-width: 900px) { .doctor-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) {
    .doctor-detail-card { grid-template-columns: 1fr; }
    .doctor-detail-sidebar { border-right: 0; border-bottom: 1px solid var(--line); }
    .doctor-detail-photo { aspect-ratio: 4 / 3; }
    .doctor-detail-photo img { object-position: center 18%; }
    .doctor-detail-facts { grid-template-columns: 1fr; }
    .doctor-detail-actions .btn { width: 100%; justify-content: center; }
}
@media (max-width: 560px) { .doctor-directory { grid-template-columns: 1fr; } }

/* Shareholder dashboard v2 */
.sd-page{--sd-radius:16px;--sd-shadow:0 10px 30px rgba(15,65,68,.075);padding-block:44px 70px;background:linear-gradient(180deg,#f3faf9 0,#f8fbfb 45%,#f5f9f8 100%)}
.sd-page h1,.sd-page h2,.sd-page h3,.sd-page p,.sd-page dl{margin-top:0}.sd-page p{font-size:14px}.sd-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.sd-welcome h1{margin:0;color:var(--navy);font-size:clamp(28px,3.2vw,40px);font-weight:750;line-height:1.35;letter-spacing:-.02em}.sd-welcome p{margin:6px 0 0;color:var(--muted);line-height:1.6}.sd-welcome form{margin:0}.sd-logout{min-height:42px;color:#8e2631;border-color:#efc5ca;background:#fff}.sd-logout:hover{color:#fff;border-color:var(--red);background:var(--red)}
.portal-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;margin-bottom:20px;padding:12px 14px;border:1px solid transparent;border-radius:12px;font-size:14px;line-height:1.55}.portal-alert>svg{margin-top:2px}.portal-alert>button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin:-3px -4px -3px 0;padding:0;border:0;border-radius:7px;color:currentColor;background:transparent;cursor:pointer;opacity:.7}.portal-alert>button:hover{background:rgba(0,0,0,.06);opacity:1}.portal-alert-success{border-color:#bde5d2;color:#176140;background:#eaf8f0}.portal-alert-info{border-color:#efd38f;color:#73551b;background:#fff8e8}.portal-alert-error{border-color:#efbcc2;color:#8f1d2a;background:#fff0f2}.portal-alert ul{margin:5px 0 0;padding-left:19px}
.sd-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);grid-template-areas:"status profile" "actions summary";gap:20px;align-items:start}.sd-status-card{grid-area:status}.sd-profile-card{grid-area:profile}.sd-actions-card{grid-area:actions}.sd-summary-card{grid-area:summary}.sd-status-card,.sd-actions-card,.sd-summary-card,.sd-profile-card{border:1px solid #d9e9e7;border-radius:var(--sd-radius);background:#fff;box-shadow:var(--sd-shadow)}
.sd-status-card{overflow:hidden;padding:clamp(22px,3vw,30px);background:linear-gradient(125deg,#fff 25%,#edf9f7 100%)}.sd-status-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sd-section-kicker,.sd-card-label{display:block;margin-bottom:4px;color:var(--teal);font-size:12px;font-weight:750;letter-spacing:.045em}.sd-status-heading h2,.sd-card-heading h2{margin:0;color:var(--navy);font-size:clamp(21px,2.3vw,27px);font-weight:750;line-height:1.4}.sd-status-badge{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:6px 11px;border-radius:999px;color:#526568;background:#edf2f2;font-size:12px;font-weight:750;white-space:nowrap}.sd-status-badge i{width:8px;height:8px;border-radius:50%;background:#849496}.sd-status-badge.is-submitted{color:#075b60;background:#dcf4f2}.sd-status-badge.is-submitted i{background:#07878b}.sd-status-badge.is-approved{color:#176140;background:#dcf4e7}.sd-status-badge.is-approved i{background:#2e9b68}.sd-status-badge.is-draft{color:#775519;background:#fff0c9}.sd-status-badge.is-draft i{background:#d09428}.sd-status-badge.is-rejected{color:#92202d;background:#ffe4e7}.sd-status-badge.is-rejected i{background:#cf3546}
.sd-status-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 0}.sd-status-facts .sd-summary-row{display:block;padding:14px;border:1px solid #dcebea;border-radius:12px;background:rgba(255,255,255,.78)}.sd-status-facts dt{margin-bottom:5px;color:var(--muted);font-size:12px}.sd-status-facts dd{margin:0;color:var(--navy);font-size:17px;font-weight:800;line-height:1.3;white-space:nowrap}.sd-status-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid #d9e9e7}.sd-status-footer p{max-width:520px;margin:0;color:#53696b}.sd-primary-action{flex:0 0 auto;white-space:nowrap}
.sd-profile-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 14px;padding:22px;text-align:left}.sd-profile-card .dashboard-avatar{grid-row:1;margin:0;width:62px;height:62px;font-size:24px}.sd-profile-copy{min-width:0}.sd-profile-copy h2{overflow:hidden;margin:0;color:var(--navy);font-size:19px;font-weight:750;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.sd-profile-copy p,.sd-profile-email{display:flex;align-items:center;gap:7px;margin:4px 0 0;color:var(--muted);font-size:13px}.sd-profile-email{grid-column:1/-1;margin-top:16px;overflow-wrap:anywhere}.sd-email-prompt{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:10px 12px;border:1px solid #efd494;border-radius:10px;color:#76581b;background:#fff8e8;font-size:12px}.sd-email-prompt span{display:inline-flex;align-items:center;gap:6px}.sd-email-prompt a{color:#76500b;font-weight:800;text-decoration:underline;white-space:nowrap}.sd-profile-card .sd-profile-button{grid-column:1/-1;width:100%;margin-top:16px;font-size:13px}
.sd-actions-card{overflow:hidden}.sd-card-heading{padding:22px 24px;border-bottom:1px solid var(--line)}.sd-action-list{display:grid}.sd-action{min-height:76px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 20px;border-bottom:1px solid #e8f0ef;color:inherit;background:#fff;transition:background .18s ease,transform .18s ease}.sd-action:last-child{border-bottom:0}.sd-action[href]:hover{position:relative;z-index:1;background:#f2faf9;transform:translateX(2px)}.sd-action-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:var(--teal-dark);background:var(--teal-soft)}.sd-action-copy{min-width:0}.sd-action-copy strong,.sd-action-copy small{display:block}.sd-action-copy strong{color:var(--navy);font-size:15px;font-weight:750;line-height:1.45}.sd-action-copy small{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.5}.sd-action-arrow{color:#789293}.sd-action-badge{padding:5px 8px;border-radius:999px;color:#66797b;background:#edf2f2;font-size:12px;font-weight:750;white-space:nowrap}.sd-action.is-disabled{cursor:not-allowed}.sd-action.is-disabled .sd-action-icon{color:#849596;background:#f0f4f4}.sd-action.is-disabled .sd-action-copy{opacity:.75}.sd-coming-soon{border-top:8px solid #f6f9f9}.sd-subheading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid #e8f0ef;background:#fafcfc}.sd-subheading h3{margin:0;color:#526769;font-size:14px;font-weight:750}.sd-subheading span{color:#788a8c;font-size:12px}.sd-action-list.is-muted .sd-action{min-height:68px;background:#fcfdfd}.sd-action-list.is-muted .sd-action-icon{width:40px;height:40px}
.sd-summary-card{padding:22px}.sd-summary-card .sd-card-heading{padding:0 0 16px}.sd-summary-card .sd-card-heading h2{font-size:20px}.sd-summary-list{margin:0}.sd-summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e5eeee}.sd-summary-row dt{color:var(--muted);font-size:13px}.sd-summary-row dd{margin:0;color:var(--navy);font-size:14px;font-weight:800;text-align:right;white-space:nowrap}.sd-progress-label{display:flex;justify-content:space-between;gap:12px;margin-top:16px;color:var(--muted);font-size:12px}.sd-progress-label strong{color:var(--teal-dark)}.sd-summary-card .application-progress{margin:8px 0 4px}.sd-document-link{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:var(--teal-dark);font-size:13px;font-weight:800}.sd-document-link:hover{text-decoration:underline}.sd-summary-empty{display:flex;align-items:center;gap:11px;padding:18px 0;color:var(--muted)}.sd-summary-empty p{margin:0}
.sd-directory{margin-top:24px;border-radius:var(--sd-radius);box-shadow:var(--sd-shadow)}.sd-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sd-directory-grid.is-single{grid-template-columns:1fr}.sd-directory-grid.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-person-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.sd-person-card:hover{transform:translateY(-2px);border-color:#bddbd9;box-shadow:0 10px 24px rgba(8,73,78,.08)}.sd-person-avatar{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#075b60;background:linear-gradient(145deg,#dff4f1,#edf9f7);font-size:18px;font-weight:850}.sd-person-body{min-width:0}.sd-person-card h3{overflow:hidden;margin:0;color:var(--navy);font-size:15px;font-weight:750;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.sd-person-location{display:flex;align-items:flex-start;gap:5px;margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.sd-person-location svg{flex:0 0 auto;margin-top:1px;color:var(--teal)}.sd-person-facts{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;margin:12px 0 0;padding-top:11px;border-top:1px solid #e5eeee}.sd-person-facts dt{color:var(--muted);font-size:12px}.sd-person-facts dd{margin:2px 0 0;color:var(--teal-dark);font-size:13px;font-weight:800;white-space:nowrap}.sd-directory-empty{min-height:190px}.sd-directory-empty>span{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:var(--teal);background:var(--teal-soft)}.sd-directory-empty h3{margin:12px 0 3px;color:var(--navy);font-size:17px}.sd-directory-empty p{margin:0;color:var(--muted);font-size:14px}
.nav-notice-label{position:relative;display:inline-block}.nav-notice-pulse{top:-2px;right:-8px;left:auto}.nav-notice-pulse::after{display:block}

@media (min-width:1024px){.sd-profile-card{position:sticky;top:132px}.sd-summary-card{position:sticky;top:374px}}
@media (max-width:1023px){.sd-workspace{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"status status" "profile summary" "actions actions"}.sd-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-profile-card,.sd-summary-card{height:100%}}
@media (max-width:639px){.sd-page{padding-block:28px 54px}.sd-page>.container{width:min(100% - 32px,var(--container))}.sd-welcome{align-items:flex-start;margin-bottom:18px}.sd-welcome h1{font-size:26px}.sd-welcome p{font-size:13px}.sd-logout{width:42px;min-height:42px;padding:0}.sd-logout span{display:none}.sd-workspace{grid-template-columns:1fr;grid-template-areas:"status" "profile" "actions" "summary";gap:16px}.sd-status-card{padding:20px 16px}.sd-status-heading{align-items:flex-start;flex-direction:column-reverse;gap:12px}.sd-status-facts{grid-template-columns:1fr;gap:7px;margin-top:18px}.sd-status-facts .sd-summary-row{display:flex;padding:11px 12px}.sd-status-facts dt{margin:0;font-size:12px}.sd-status-facts dd{font-size:15px}.sd-status-footer{align-items:stretch;flex-direction:column;gap:14px}.sd-primary-action{width:100%}.sd-profile-card{padding:18px}.sd-card-heading{padding:19px 16px}.sd-action{min-height:72px;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:11px 14px}.sd-action-icon{width:42px;height:42px}.sd-action-copy strong{font-size:14px}.sd-action-copy small{font-size:12px}.sd-action-list.is-muted .sd-action{min-height:64px}.sd-action-list.is-muted .sd-action-copy small{display:none}.sd-subheading{align-items:flex-start;flex-direction:column;gap:2px;padding:14px}.sd-summary-card{padding:18px}.sd-directory{padding:18px}.sd-directory-grid{grid-template-columns:1fr}.shareholder-directory-heading{align-items:flex-start}.sd-person-card{grid-template-columns:54px minmax(0,1fr)}.sd-person-avatar{width:54px;height:54px}.sd-person-facts{grid-column:1/-1}.portal-alert{font-size:13px}}
@media (max-width:359px){.navbar-inner{gap:10px}.sd-page>.container{width:min(100% - 24px,var(--container))}.sd-welcome h1{font-size:23px}.sd-status-badge{font-size:12px}.sd-action{grid-template-columns:40px minmax(0,1fr) auto;padding-inline:11px}.sd-action-badge{padding-inline:6px}.sd-person-facts{grid-template-columns:1fr;gap:7px}.sd-person-facts div+div{padding-top:7px;border-top:1px dashed #dce8e7}}

/* Share certificate verification identity */
.certificate-verify-wrap{width:min(860px,calc(100% - 40px))}
.certificate-verify-holder{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:stretch;margin:26px auto 0;padding:22px;border:1px solid #cfe3e1;border-radius:16px;background:linear-gradient(135deg,#edf9f7,#fff);text-align:left}
.certificate-verify-photo{width:170px;min-height:205px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid #fff;border-radius:14px;color:var(--teal-dark);background:var(--teal-soft);box-shadow:0 7px 22px rgba(8,73,78,.15)}
.certificate-verify-photo img{width:100%;height:100%;display:block;object-fit:cover}
.certificate-verify-profile{min-width:0;padding:4px 0}
.certificate-verify-profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #d5e7e5}
.certificate-verify-profile-head>div{min-width:0}
.certificate-verify-profile-head>div>span{color:var(--teal);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.certificate-verify-profile-head h2{margin:4px 0 0;color:var(--navy);font-size:clamp(21px,3vw,27px);line-height:1.35}
.certificate-verify-profile-head p{margin:3px 0 0;color:var(--muted);font-size:13px}
.certificate-verify-profile-head>.status-pill{flex:0 0 auto;margin-top:2px}
.certificate-verify-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 22px;margin:17px 0 0}
.certificate-verify-facts div{min-width:0}
.certificate-verify-facts dt{margin-bottom:3px;color:var(--muted);font-size:11px}
.certificate-verify-facts dd{margin:0;overflow-wrap:anywhere;color:var(--navy);font-size:14px;font-weight:850}
@media (max-width:639px){.certificate-verify-holder{grid-template-columns:1fr;gap:18px;padding:18px}.certificate-verify-photo{width:132px;min-height:156px;aspect-ratio:11/13;margin:0 auto}.certificate-verify-profile{padding:0}.certificate-verify-profile-head{align-items:flex-start}.certificate-verify-facts{gap:13px}.certificate-verify-profile-head h2{font-size:21px}}
@media (max-width:399px){.certificate-verify-profile-head{flex-direction:column;gap:9px}.certificate-verify-facts{grid-template-columns:1fr}.certificate-verify-facts div{padding-bottom:9px;border-bottom:1px dashed #d7e6e5}}

.address-copy-control{margin-top:-6px}.address-copy-control label{display:inline-flex;align-items:center;gap:9px;color:var(--navy);font-size:13px;font-weight:750;cursor:pointer}.address-copy-control input{width:18px;height:18px;accent-color:var(--teal)}.application-field-grid textarea[readonly]{background:#f1f7f6;color:#52696b}
.application-field-grid .field-validation-error{display:block;color:#a61f32;font-size:11px;font-weight:750;line-height:1.45}.application-field-grid .is-invalid{border-color:#c94558;background:#fff8f9;box-shadow:0 0 0 3px rgba(201,69,88,.08)}
.upload-field.has-validation-error{border-color:#d96a79;background:#fffafb;box-shadow:0 0 0 3px rgba(201,69,88,.07)}.upload-field .field-validation-error{display:block;color:#a61f32;font-size:11px;font-weight:750;line-height:1.45}.upload-field input[type="file"].is-invalid{border-color:#c94558 !important;background:#fff8f9 !important;box-shadow:0 0 0 3px rgba(201,69,88,.08)}

/* Shareholder directory profile modal */
.sd-person-card[data-shareholder-profile]{width:100%;text-align:left;cursor:pointer}
.sd-person-card[data-shareholder-profile]:focus-visible{outline:3px solid rgba(8,127,131,.25);outline-offset:3px}
.shareholder-profile-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(7,35,38,.68);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.shareholder-profile-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.shareholder-profile-modal-card{position:relative;width:min(100%,680px);overflow:hidden;border:1px solid #c7e0de;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(1,28,31,.28);transform:translateY(12px) scale(.985);transition:transform .2s ease}
.shareholder-profile-modal.open .shareholder-profile-modal-card{transform:translateY(0) scale(1)}
.shareholder-profile-modal-close{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #d5e5e4;border-radius:50%;color:var(--navy);background:rgba(255,255,255,.94);cursor:pointer}
.shareholder-profile-modal-close:hover{color:#fff;border-color:var(--teal);background:var(--teal)}
.shareholder-profile-modal-hero{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:center;padding:30px;background:linear-gradient(130deg,#e9f8f6,#fff)}
.shareholder-profile-modal-photo{width:160px;height:188px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid #fff;border-radius:16px;color:var(--teal-dark);background:var(--teal-soft);box-shadow:0 12px 30px rgba(8,73,78,.16);font-size:36px;font-weight:850}
.shareholder-profile-modal-photo img{width:100%;height:100%;display:block;object-fit:cover}
.shareholder-profile-modal-heading{min-width:0;padding-right:38px}
.shareholder-profile-modal-heading>span{color:var(--teal);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.shareholder-profile-modal-heading h2{margin:5px 0 10px;overflow-wrap:anywhere;color:var(--navy);font-size:clamp(24px,4vw,32px);line-height:1.3}
.shareholder-profile-modal-heading a{display:inline-flex;align-items:center;gap:7px;color:var(--teal-dark);font-size:14px;font-weight:800}
.shareholder-profile-modal-heading a:hover{text-decoration:underline}
.shareholder-profile-modal-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:8px 30px 24px}
.shareholder-profile-modal-facts>div{min-width:0;padding:16px 0;border-bottom:1px solid #e2eceb}
.shareholder-profile-modal-facts>div:nth-last-child(-n+2){border-bottom:0}
.shareholder-profile-modal-facts>div:nth-child(even){padding-left:22px;border-left:1px solid #e2eceb}
.shareholder-profile-modal-facts .profile-modal-address{grid-column:1/-1;padding-right:0;border-left:0}
.shareholder-profile-modal-facts dt{margin-bottom:4px;color:var(--muted);font-size:11px}
.shareholder-profile-modal-facts dd{margin:0;overflow-wrap:anywhere;color:var(--navy);font-size:14px;font-weight:800;line-height:1.55}
@media (max-width:599px){.shareholder-profile-modal{padding:14px}.shareholder-profile-modal-card{max-height:calc(100vh - 28px);overflow-y:auto}.shareholder-profile-modal-hero{grid-template-columns:1fr;gap:17px;padding:25px 20px 22px;text-align:center}.shareholder-profile-modal-photo{width:126px;height:148px;margin:0 auto}.shareholder-profile-modal-heading{padding:0}.shareholder-profile-modal-heading a{justify-content:center}.shareholder-profile-modal-facts{grid-template-columns:1fr;padding:6px 20px 20px}.shareholder-profile-modal-facts>div,.shareholder-profile-modal-facts>div:nth-child(even){padding:13px 0;border-left:0;border-bottom:1px solid #e2eceb}.shareholder-profile-modal-facts>div:last-child{border-bottom:0}}
.doctor-structured-list{display:grid;gap:9px;margin:8px 0 0;padding:0;list-style:none}.doctor-structured-list li{padding:9px 11px;border:1px solid rgba(43,137,143,.18);border-radius:9px;background:rgba(232,246,247,.55)}.doctor-structured-list strong,.doctor-structured-list span{display:block}.doctor-structured-list strong{color:#244e54}.doctor-structured-list span{margin-top:2px;color:#667f83;font-size:12px}
