:root{
  --cream:#F4F7FE; --paper:#FFFFFF;
  --ink:#0A1E4F; --ink-soft:#3D4F7C; --ink-faint:#8896B8;
  --terra:#1E40AF; --terra-dark:#0B1B3F; --terra-soft:#E6EEFF;
  --electric:#2E63F6;
  --teal:#0B7CC4; --teal-soft:#DDF0FB;
  --green:#0F7A3A; --green-soft:#D9F5E3;
  --line:#C6D4F2;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{background:var(--cream);color:var(--ink);line-height:1.7;min-height:100vh}
body{font-family:'Manrope','Hind',sans-serif}
html[lang="hi"] body{font-family:'Hind','Manrope',sans-serif}
html[lang="bn"] body{font-family:'Noto Sans Bengali','Manrope',sans-serif}

.bg-deco{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.bg-deco::before,.bg-deco::after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}
.bg-deco::before{top:-10%;right:-10%;width:380px;height:380px;background:radial-gradient(circle,#B6CCFC,transparent 70%)}
.bg-deco::after{bottom:-10%;left:-10%;width:380px;height:380px;background:radial-gradient(circle,#9FC4E8,transparent 70%)}

.app{max-width:740px;margin:0 auto;padding:14px 18px 80px}

/* Topbar */
.topbar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin:-14px -18px 24px;backdrop-filter:blur(14px);background:rgba(244,247,254,.78);border-bottom:1px solid rgba(198,212,242,.6)}
.brand{display:flex;align-items:center;gap:12px;font-family:'Fraunces',serif;font-weight:600;font-size:20px;color:var(--terra-dark);letter-spacing:-0.02em;text-decoration:none}
.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(160deg,#FFF,#E6EEFF);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(30,64,175,.22);flex-shrink:0;padding:3px}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.brand small{display:block;font-family:'Manrope',sans-serif;font-size:11px;color:var(--ink-soft);font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-top:-2px}
html[lang="hi"] .brand small{font-family:'Hind',sans-serif}
html[lang="bn"] .brand small{font-family:'Noto Sans Bengali',sans-serif}

.lang-switch{display:flex;gap:4px;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:999px;box-shadow:0 2px 6px rgba(11,27,63,.05)}
.lang-btn{padding:6px 14px;font-size:12px;font-weight:600;border:0;background:transparent;cursor:pointer;border-radius:999px;color:var(--ink-soft);transition:background-color .2s,color .2s;font-family:inherit}
.lang-btn.on{background:var(--terra);color:white;box-shadow:0 2px 6px rgba(30,64,175,.3)}
.lang-btn:hover:not(.on){background:var(--terra-soft);color:var(--terra-dark)}

/* Hero */
.hero{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:32px 28px;margin-bottom:18px;box-shadow:0 10px 30px rgba(11,27,63,.06)}
.hero-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--terra);background:var(--terra-soft);border:1px solid rgba(30,64,175,.18);border-radius:999px;padding:4px 12px;margin-bottom:16px}
.hero h1{font-family:'Fraunces',serif;font-size:36px;font-weight:600;line-height:1.15;color:var(--ink);letter-spacing:-0.02em;margin-bottom:10px}
html[lang="hi"] .hero h1{font-family:'Hind',sans-serif;font-size:30px;font-weight:700}
.hero .date{font-size:13px;color:var(--ink-faint);margin-top:14px}

/* Section cards */
.section{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px 24px;margin-bottom:14px;box-shadow:0 6px 18px rgba(11,27,63,.04)}
.section-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px;flex-shrink:0}
.section h2{font-family:'Fraunces',serif;font-size:20px;font-weight:600;color:var(--ink);margin-bottom:10px;line-height:1.3}
html[lang="hi"] .section h2{font-family:'Hind',sans-serif;font-size:19px;font-weight:700}
html[lang="bn"] .section h2{font-family:'Noto Sans Bengali',sans-serif;font-size:18px;font-weight:700}
.section p{font-size:15px;color:var(--ink-soft);margin-bottom:8px;line-height:1.65}
.section p:last-child{margin-bottom:0}

/* Data list */
.data-list{list-style:none;margin:10px 0;display:flex;flex-direction:column;gap:8px}
.data-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--ink-soft);line-height:1.5}
.data-list li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--terra);margin-top:7px;flex-shrink:0}

/* Rights list */
.rights-list{list-style:none;margin:10px 0;display:flex;flex-direction:column;gap:10px}
.rights-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--ink-soft);line-height:1.55}
.rights-list .badge{min-width:28px;height:28px;border-radius:50%;background:var(--teal-soft);color:var(--teal);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}

/* Contact card */
.contact-card{background:linear-gradient(135deg,var(--terra-soft),#F0F5FF);border:1px solid rgba(30,64,175,.2);border-radius:18px;padding:22px 20px;margin-top:14px}
.contact-card p{font-size:15px;color:var(--ink-soft);margin-bottom:6px}
.contact-card a{color:var(--terra);font-weight:600;text-decoration:none}
.contact-card a:hover{text-decoration:underline}

/* No-cookie badge */
.no-cookie{background:var(--green-soft);border:1px solid rgba(15,122,58,.2);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:12px;margin-top:12px}
.no-cookie span{font-size:14px;color:var(--green);font-weight:600}

/* Back link */
.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:14px;font-weight:600;text-decoration:none;margin-top:28px;padding:8px 16px;background:var(--paper);border:1px solid var(--line);border-radius:999px;transition:background .2s,color .2s,border-color .2s}
.back-link:hover{background:var(--terra-soft);color:var(--terra-dark);border-color:var(--electric)}

/* Lang toggle — class-based to avoid display:revert browser inconsistencies */
[data-hi],[data-bn],[data-en]{display:none}
.lang-hi [data-hi],.lang-bn [data-bn],.lang-en [data-en]{display:block}
.lang-hi span[data-hi],.lang-bn span[data-bn],.lang-en span[data-en]{display:inline}
.lang-hi .hero-label[data-hi],.lang-bn .hero-label[data-bn],.lang-en .hero-label[data-en]{display:inline-block}