/* Glassmorphism: bold colour -> wallpaper -> glass -> content */
:root{--bg-color:#245f7e;--bg-img:none;--bg-blend:normal;
--g-light:rgba(255,255,255,.72);--g-line:rgba(255,255,255,.65);--g-dark:rgba(8,12,18,.58);--g-shadow:0 8px 32px rgba(0,0,0,.14)}
html{background:var(--bg-color)}
html::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--bg-color);background-image:var(--bg-img);background-size:contain;background-position:center;background-repeat:no-repeat}
body{background:transparent}
#root>div{background:transparent}
main,main>section:not([class*="rounded-"]){background:transparent}
section[class*="min-h-"]>.absolute.inset-0.z-0{display:none}
/* light glass */
:is(div,section,li,article,details,form)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50),
a:is(.p-3,.p-4,.p-5,.p-6,.p-8,.p-10)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50),
div.border[class*="rounded-"]:is(.border-gray-100,.border-gray-200,.border-emerald-500):not(:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50)),
main div.grid > div:has(> p):not([class*="rounded-"]),
main div.text-center:has(> p),
main div[class*="max-w-2xl"]:has(> h2),
main article.prose,
main div.space-y-6:has(> p),
main ul.space-y-3,
main h1,
main h2,
main a.inline-flex.text-emerald-600{background:var(--g-light);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--g-line);box-shadow:var(--g-shadow),inset 0 1px 0 rgba(255,255,255,.7)}
main div.grid > div:has(> p):not([class*="rounded-"]),
main div.text-center:has(> p),
main div[class*="max-w-2xl"]:has(> h2),
main article.prose,
main div.space-y-6:has(> p),
main ul.space-y-3{padding:clamp(1.1rem,2.5vw,2rem);border-radius:1.75rem}
main div.text-center:has(> p){width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
main ul.space-y-3{padding:1.25rem 1.5rem}
main h1,
main h2,
main a.inline-flex.text-emerald-600{width:fit-content;max-width:100%;padding:.55rem 1.2rem;border-radius:1.25rem}
main :is(h1,h2).text-center{margin-left:auto;margin-right:auto}
:is(div,section,li,article,details,form)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50):is(.bg-emerald-50){background:rgba(236,253,245,.72)}
/* dark + coloured glass */
:is(div,section)[class*="rounded-"]:is(.bg-gray-900,.bg-gray-950),main section[class*="min-h-"] > .relative > .max-w-3xl{background:var(--g-dark);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.18);box-shadow:var(--g-shadow)}
main section[class*="min-h-"] > .relative > .max-w-3xl{padding:clamp(1.25rem,3vw,2.5rem);border-radius:2rem}
:is(div,section)[class*="rounded-["]:is(.bg-emerald-600,.bg-emerald-700,.bg-emerald-800){background:rgba(5,150,105,.62);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.3);box-shadow:var(--g-shadow)}
span[class*="rounded"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50){background:rgba(255,255,255,.62)}
/* nested: no 2nd blur */
:is(:is(div,section,li,article,details,form)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50),a:is(.p-3,.p-4,.p-5,.p-6,.p-8,.p-10)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50),div.border[class*="rounded-"]:is(.border-gray-100,.border-gray-200,.border-emerald-500):not(:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50)),main div.grid > div:has(> p):not([class*="rounded-"]),main div.text-center:has(> p),main div[class*="max-w-2xl"]:has(> h2),main article.prose,main div.space-y-6:has(> p),main ul.space-y-3,main h1,main h2,main a.inline-flex.text-emerald-600,:is(div,section)[class*="rounded-"]:is(.bg-gray-900,.bg-gray-950),:is(div,section)[class*="rounded-["]:is(.bg-emerald-600,.bg-emerald-700,.bg-emerald-800),main section[class*="min-h-"] > .relative > .max-w-3xl) :is(:is(div,section,li,article,details,form)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50),a:is(.p-3,.p-4,.p-5,.p-6,.p-8,.p-10)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50),div.border[class*="rounded-"]:is(.border-gray-100,.border-gray-200,.border-emerald-500):not(:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50)),main div.grid > div:has(> p):not([class*="rounded-"]),main div.text-center:has(> p),main div[class*="max-w-2xl"]:has(> h2),main article.prose,main div.space-y-6:has(> p),main ul.space-y-3,main h1,main h2,main a.inline-flex.text-emerald-600,:is(div,section)[class*="rounded-"]:is(.bg-gray-900,.bg-gray-950),:is(div,section)[class*="rounded-["]:is(.bg-emerald-600,.bg-emerald-700,.bg-emerald-800),main section[class*="min-h-"] > .relative > .max-w-3xl){-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
/* headings that live inside a glass block stay plain */
:is(:is(div,section,li,article,details,form)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50),a:is(.p-3,.p-4,.p-5,.p-6,.p-8,.p-10)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50),div.border[class*="rounded-"]:is(.border-gray-100,.border-gray-200,.border-emerald-500):not(:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50)),main div.grid > div:has(> p):not([class*="rounded-"]),main div.text-center:has(> p),main div[class*="max-w-2xl"]:has(> h2),main article.prose,main div.space-y-6:has(> p),main ul.space-y-3,:is(div,section)[class*="rounded-"]:is(.bg-gray-900,.bg-gray-950),:is(div,section)[class*="rounded-["]:is(.bg-emerald-600,.bg-emerald-700,.bg-emerald-800),main section[class*="min-h-"] > .relative > .max-w-3xl) h1,
:is(:is(div,section,li,article,details,form)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50),a:is(.p-3,.p-4,.p-5,.p-6,.p-8,.p-10)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50),div.border[class*="rounded-"]:is(.border-gray-100,.border-gray-200,.border-emerald-500):not(:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50)),main div.grid > div:has(> p):not([class*="rounded-"]),main div.text-center:has(> p),main div[class*="max-w-2xl"]:has(> h2),main article.prose,main div.space-y-6:has(> p),main ul.space-y-3,:is(div,section)[class*="rounded-"]:is(.bg-gray-900,.bg-gray-950),:is(div,section)[class*="rounded-["]:is(.bg-emerald-600,.bg-emerald-700,.bg-emerald-800),main section[class*="min-h-"] > .relative > .max-w-3xl) h2,
:is(:is(div,section,li,article,details,form)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50),a:is(.p-3,.p-4,.p-5,.p-6,.p-8,.p-10)[class*="rounded-"]:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50),div.border[class*="rounded-"]:is(.border-gray-100,.border-gray-200,.border-emerald-500):not(:is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-emerald-50,.bg-amber-50,.bg-red-50,.bg-rose-50,.bg-indigo-50,.bg-cyan-50,.bg-blue-50)),main div.grid > div:has(> p):not([class*="rounded-"]),main div.text-center:has(> p),main div[class*="max-w-2xl"]:has(> h2),main article.prose,main div.space-y-6:has(> p),main ul.space-y-3,:is(div,section)[class*="rounded-"]:is(.bg-gray-900,.bg-gray-950),:is(div,section)[class*="rounded-["]:is(.bg-emerald-600,.bg-emerald-700,.bg-emerald-800),main section[class*="min-h-"] > .relative > .max-w-3xl) a.inline-flex.text-emerald-600{background:none;border:0;padding:0;width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
/* bars */
header.fixed{top:2.5rem;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.6)}
#root>div>div.fixed.top-0{background:rgba(6,78,59,.94)}
footer{background:var(--g-dark);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-top:1px solid rgba(255,255,255,.18)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--g-light:rgba(255,255,255,.9);--g-dark:rgba(8,12,18,.88)}}