:root { color-scheme: light; --ink: #1a1c28; --muted: #656a82; --blue: #357fec; --lime: #b2ee51; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin: 0; background: #f2f2f2; color: var(--ink); font: 500 17px/1.6 "Wix Madefor Display", sans-serif; }
html[lang="hi"] body { font-family: "Noto Sans Devanagari UI", sans-serif; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; border-radius: 4px; }
p { margin: 0 0 16px; }
h1,h2 { font-weight: 800; line-height: 1.1; letter-spacing: -.035em; margin: 0 0 24px; }
h1 { font-size: clamp(40px, 6vw, 78px); max-width: 1000px; text-transform: uppercase; }
h2 { font-size: clamp(23px, 2.3vw, 30px); }
.site-header,.layout,.site-footer { max-width: 1368px; margin: auto; padding-inline: 48px; }
.site-header { min-height: 124px; display: flex; align-items: center; gap: 36px; }
.brand { flex-shrink: 0; }
.brand img { display: block; }
.main-nav { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-left: auto; }
.main-nav a[aria-current],.text-link { color: #175cbe; }
.languages { display: flex; gap: 4px; background: white; padding: 6px; border-radius: 14px; }
.languages a { display: grid; min-width: 40px; min-height: 36px; place-items: center; border-radius: 10px; font-size: 15px; }
.languages a[aria-current] { background: var(--ink); color: white; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: 14px; padding-top: 28px; }
.breadcrumbs a:hover,.main-nav a:hover,.contents a:hover,.site-footer a:hover { color: #175cbe; text-decoration: underline; }
.page-intro { padding: 40px 0 48px; }
.eyebrow { color: #175cbe; letter-spacing: .16em; font-size: 13px; font-weight: 800; margin-bottom: 20px; }
.intro-text { max-width: 730px; font-size: 21px; color: var(--muted); margin: 0; }
.content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 24px; align-items: start; }
.paper { background: white; border-radius: 28px; padding: 36px; margin-bottom: 20px; }
.paper p:last-child { margin-bottom: 0; }
table { border-collapse: collapse; width: 100%; text-align: left; }
th,td { padding: 22px 0; border-bottom: 1px solid #e7e8ee; }
thead th { color: var(--muted); font-size: 14px; font-weight: 500; padding-top: 0; }
tbody th { font-weight: 500; padding-right: 24px; }
td { font-size: 24px; font-weight: 800; letter-spacing: -.035em; text-align: right; }
tr:last-child th,tr:last-child td { border-bottom: 0; }
.minimums { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 0; }
dt { color: var(--muted); }
dd { margin: 12px 0 0; } dd strong { display: block; font-size: 32px; line-height: 1.2; }
aside h2 { font-size: 21px; }
.contents { padding: 28px; }
.contents a { display: block; padding: 10px 0; border-top: 1px solid #ececf1; font-size: 15px; line-height: 1.45; }
.support-card { background: #000015; color: white; padding: 30px; border-radius: 28px; }
.support-card p { color: #c3cbe0; font-size: 16px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 22px; border-radius: 10px; background: linear-gradient(#599cff, #1868de); color: white; font-weight: 700; line-height: 1.3; text-align: center; }
.button:hover { filter: brightness(1.08); }
.green { background: var(--lime); color: var(--ink); }
.answer { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 18px; scroll-margin-top: 24px; }
.answer-number { font-size: 14px; color: #175cbe; padding-top: 5px; }
.answer h2 { font-size: 26px; }
.answer p { color: #414557; }
.text-link { display: inline-block; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.closing { padding: 42px; margin: 28px 0 64px; border-radius: 28px; background: #dfecff; display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.closing h2 { flex-basis: 100%; margin: 0; }
.closing .button { margin-left: auto; }
.site-footer { border-top: 1px solid #dddfe7; padding-block: 28px; display: flex; justify-content: space-between; gap: 28px; font-size: 14px; color: var(--muted); }
.site-footer div { display: flex; flex-wrap: wrap; gap: 14px 24px; }
@media(max-width: 1000px) { .content-grid { grid-template-columns: minmax(0,1fr); } aside { display: contents; } .contents { grid-row: 1; } .content-main { grid-row: 2; } .support-card { grid-row: 3; } .site-header,.layout,.site-footer { padding-inline: 24px; } .site-header { gap: 20px; flex-wrap: wrap; } }
@media(max-width: 600px) {
  body { font-size: 16px; } .site-header,.layout,.site-footer { padding-inline: 16px; }
  .site-header { flex-wrap: wrap; gap: 16px; padding-top: 20px; padding-bottom: 20px; }
  .brand img { width: 90px; height: auto; } .languages { margin-left: auto; order: 1; }
  .main-nav { order: 2; width: 100%; margin: 0; gap: 12px 24px; }
  .breadcrumbs { padding-top: 12px; } .page-intro { padding: 28px 0 32px; }
  h1 { font-size: 40px; overflow-wrap: anywhere; } .intro-text { font-size: 18px; }
  .paper { padding: 24px 20px; border-radius: 22px; }
  tbody th { padding-right: 16px; } td { font-size: 20px; } th,td { padding-block: 18px; }
  .minimums { grid-template-columns: 1fr; } .answer { grid-template-columns: 1fr; gap: 8px; }
  .answer h2 { font-size: 24px; } .answer-number { padding: 0; }
  .closing { padding: 28px 22px; margin-bottom: 40px; } .closing .button { margin-left: 0; }
  .site-footer { flex-direction: column; } .support-card { padding: 28px; }
}
@media(prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Full-width footer divider with content aligned to the page container. */
.site-footer { max-width: none; padding-inline: max(48px, calc((100% - 1272px) / 2)); }
@media(max-width:1000px) { .site-footer { padding-inline:24px; } }
@media(max-width:600px) { .site-footer { padding-inline:16px; } }

.site-header { position:sticky; top:0; z-index:100; max-width:none; padding-inline:max(48px, calc((100% - 1272px) / 2)); background:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(18px) saturate(150%); backdrop-filter:blur(18px) saturate(150%); box-shadow:0 1px 0 rgba(255,255,255,.65),0 4px 20px rgba(26,28,40,.04); }
html { scroll-padding-top:calc(var(--site-header-height,124px) + 24px); }
@media(max-width:1000px){.site-header{padding-inline:24px;}}
@media(max-width:600px){.site-header{padding-inline:16px;}}

.site-header:not(.is-scrolled) { background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; }

/* Glass is a separate layer so its fade never affects text or layout. */
.site-header, .site-header:not(.is-scrolled) { background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; }
.site-header::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:0; background:linear-gradient(115deg,rgba(255,255,255,.68),rgba(240,248,255,.26) 42%,rgba(255,255,255,.48) 76%,rgba(218,235,255,.32)); -webkit-backdrop-filter:blur(24px) saturate(180%); backdrop-filter:blur(24px) saturate(180%); border-bottom:1px solid rgba(255,255,255,.72); box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(125,163,208,.12),0 8px 28px rgba(32,61,100,.08); transition:opacity 480ms cubic-bezier(.22,1,.36,1); }
.site-header::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:0; background:radial-gradient(ellipse at 18% 0%,rgba(255,255,255,.52),transparent 58%),linear-gradient(100deg,transparent 25%,rgba(255,255,255,.18) 50%,transparent 72%); transition:opacity 600ms cubic-bezier(.22,1,.36,1); }
.site-header.is-scrolled::before, .site-header.is-scrolled::after { opacity:1; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .site-header::before { background:rgba(248,251,255,.96); } }
@media(prefers-reduced-motion:reduce) { .site-header::before, .site-header::after { transition:none; } }
