/* Layout concept: login gate, then a single scrolling institutional site with a dark forest hero (rotating atom rings), tabbed content panels, and an admin dashboard. */
:root{
  --bg:#F7FBEF; --surface:#FFFFFF; --fg:#0D2013; --muted:#4B5E48; --line:#DCE8C8;
  --green:#17803E; --green-d:#0A2B19; --tint:#E9F5D6; --orange:#4E7A00; --orange-h:#3F6600; --teal:#0E7A4D;
  --on-dark:#EEF5EA; --on-dark-m:#B7CBB3; --hero-a:#0C3320; --hero-b:#06210F; --ring:#B7E02E;
  --shadow:0 1px 2px rgba(22,38,26,.06),0 8px 24px rgba(22,38,26,.07);
  --serif:"Playfair Display",Georgia,"Times New Roman",serif; --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){
  --bg:#08150C; --surface:#0F2216; --fg:#E9F1E5; --muted:#A9C2A6; --line:#1F3E27;
  --green:#46D07A; --green-d:#04120A; --tint:#14301E; --orange:#C6F135; --orange-h:#D8FA5C; --teal:#5FE0A8;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#08150C; --surface:#0F2216; --fg:#E9F1E5; --muted:#A9C2A6; --line:#1F3E27;
  --green:#46D07A; --green-d:#04120A; --tint:#14301E; --orange:#C6F135; --orange-h:#D8FA5C; --teal:#5FE0A8;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35); color-scheme:dark}
[hidden]{display:none!important}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font:16px/1.65 var(--sans);margin:0;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--serif);line-height:1.18;margin:0;text-wrap:balance;font-weight:600}
p{margin:0}
a{color:inherit}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:6px}
.wrap{width:min(1180px,100%);margin-inline:auto;padding-inline:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;border:1.5px solid transparent;font-weight:600;font-size:15px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn-or{background:var(--orange);color:#0B2E12}
.btn-or:hover{background:var(--orange-h);box-shadow:0 8px 20px rgba(140,200,30,.35)}
.btn-ghost{border-color:rgba(238,245,234,.55);color:var(--on-dark)}
.btn-ghost:hover{background:rgba(238,245,234,.12)}
.btn-gr{background:var(--green);color:#fff}
:root[data-theme="dark"] .btn-gr{color:#0A130C}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) .btn-gr{color:#0A130C}}
.btn-line{border-color:var(--line);color:var(--fg);background:var(--surface)}
.badge{background:#fff;border-radius:14px;padding:8px 14px;display:inline-flex;align-items:center}
.badge img{height:46px;width:auto;display:block}

/* LOGIN */
.fld{display:flex;flex-direction:column;gap:6px;margin-top:18px}
.fld label{font-size:13px;font-weight:600;letter-spacing:.02em}
.inp{width:100%;min-height:48px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);padding:0 14px;font:inherit}
textarea.inp{padding:12px 14px;min-height:96px;resize:vertical}
.inp:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 22%,transparent)}
.inp.err{border-color:#C0392B}
.pw{position:relative}
.pw .inp{padding-right:52px}
.pw button{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;background:transparent;color:var(--muted);border-radius:8px}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:14px;flex-wrap:wrap}
.row label{display:flex;align-items:center;gap:8px}
.row a{color:var(--green);font-weight:600}
.errmsg{color:#C0392B;font-size:13px;margin-top:10px;min-height:18px}
:root[data-theme="dark"] .errmsg{color:#F28B7D}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) .errmsg{color:#F28B7D}}

/* NAV */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;transition:background .25s,box-shadow .25s,padding .25s;padding-block:14px;background:transparent}
.nav.sc{background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line);padding-block:8px}
.nav .wrap{display:flex;align-items:center;gap:20px;min-height:64px}
.nav .badge img{height:38px}
.menu{display:flex;gap:2px;margin-left:auto;align-items:center}
.menu a{padding:8px 9px;white-space:nowrap;border-radius:999px;font-size:13.5px;font-weight:500;text-decoration:none;color:var(--on-dark);transition:background .2s}
.nav.sc .menu a{color:var(--fg)}
.menu a:hover{background:rgba(120,190,70,.2)}
.tg{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(238,245,234,.5);background:transparent;color:var(--on-dark);display:grid;place-items:center}
.nav.sc .tg{border-color:var(--line);color:var(--fg)}
.hb{display:none;width:44px;height:44px;border-radius:12px;border:1.5px solid rgba(238,245,234,.5);background:transparent;color:var(--on-dark);margin-left:auto}
.nav.sc .hb{border-color:var(--line);color:var(--fg)}
#site{position:relative}
.hero-wrap{margin-top:-92px}

/* HERO */
.hero{background:radial-gradient(1000px 520px at 78% 20%,rgba(140,210,50,.30) 0,transparent 60%),linear-gradient(160deg,var(--hero-a),var(--hero-b));color:var(--on-dark);padding:170px 0 70px;position:relative;overflow:hidden}
.hero .atom{position:absolute;right:-6%;top:50%;translate:0 -50%;width:min(620px,70vw);aspect-ratio:1;opacity:.55}
.hero .in{position:relative;max-width:660px}
.eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ring)}
.hero h1{font-size:clamp(38px,6vw,68px);margin-top:14px;letter-spacing:-.01em}
.hero h1 em{font-style:italic;color:#C6F135;font-weight:500}
.hero .lead{font-size:clamp(17px,2vw,20px);color:var(--on-dark-m);margin-top:20px;max-width:52ch}
.hero .cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.stats{display:flex;gap:clamp(24px,5vw,56px);margin-top:54px;flex-wrap:wrap;position:relative;border-top:1px solid rgba(238,245,234,.2);padding-top:26px}
.stats b{font-family:var(--serif);font-size:clamp(34px,4.4vw,48px);font-weight:600;display:block;line-height:1;font-variant-numeric:tabular-nums}
.stats span{font-size:14px;color:var(--on-dark-m);display:block;margin-top:6px;max-width:20ch}
.ring-rot{transform-origin:200px 200px;animation:spin 60s linear infinite}
@keyframes spin{
to{transform:rotate(360deg)}}

/* SECTIONS */
section.s{padding-block:clamp(56px,8vw,96px)}
section.alt{background:var(--tint)}
section[id]{scroll-margin-top:64px}
.sh{max-width:680px;margin-bottom:36px}
.sh h2{font-size:clamp(28px,4vw,42px);margin-top:8px}
.sh p{color:var(--muted);margin-top:12px}
.rv.pre{opacity:0;transform:translateY(22px)}
.rv{transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--green) 40%,var(--line))}
.grid{display:grid;gap:20px}
.g4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}

/* TAB PANELS (tab only, empty space) */
.tabpanel{margin-top:0}
.tabl{display:inline-block;background:var(--green);color:#fff;font-weight:600;font-size:15px;padding:12px 26px;border-radius:14px 14px 0 0;position:relative;z-index:1}
:root[data-theme="dark"] .tabl{color:#0A130C}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) .tabl{color:#0A130C}}
.panel{background:var(--surface);border:1.5px solid var(--green);border-radius:0 16px 16px 16px;min-height:220px;position:relative;margin-top:-1px}
.scroller{display:flex;gap:18px;overflow-x:auto;padding:20px;scroll-snap-type:x mandatory;min-height:220px;scrollbar-width:thin}
.arr{position:absolute;top:50%;translate:0 -50%;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg);box-shadow:var(--shadow);z-index:2;display:grid;place-items:center}
.arr.l{left:-14px}
.arr.r{right:-14px}
.prog{flex:0 0 min(320px,80%);scroll-snap-align:start;border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--bg)}
.prog .d{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--orange)}
.prog h3{font-size:20px;margin-top:6px}
.prog .m{font-size:14px;color:var(--muted);margin-top:4px}
.prog p{font-size:15px;margin-top:10px}

/* ABOUT */
.pill{width:48px;height:48px;border-radius:14px;background:var(--tint);color:var(--green);display:grid;place-items:center;margin-bottom:14px}
.card h3{font-size:19px}
.card p{color:var(--muted);font-size:15px;margin-top:8px}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.vm .col{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,3vw,36px)}
.vm .col.m{background:var(--green-d);color:var(--on-dark);border-color:transparent}
.vm h3{font-size:30px;margin-bottom:14px}
.vm ol{list-style:upper-alpha;padding-left:24px;margin:0;display:flex;flex-direction:column;gap:12px}
.vm li::marker{font-weight:700;color:var(--orange)}
.vm li{padding-left:6px}

/* PEOPLE */
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.pc{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;transition:transform .25s,box-shadow .25s}
.pc:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.ph{width:88px;height:88px;border-radius:50%;background:var(--tint);border:2px dashed color-mix(in srgb,var(--green) 45%,var(--line));display:grid;place-items:center;color:var(--green);font-family:var(--serif);font-size:26px;font-weight:600}
.pc h3{font-size:19px}
.pc .role{font-size:13.5px;font-weight:600;color:var(--orange);letter-spacing:.02em}
.bio{min-height:64px;width:100%;border-top:1px solid var(--line)}

/* EVENTS */
.ev{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,36px);margin-bottom:28px}
.ev .dt{display:inline-block;background:var(--tint);color:var(--green);font-weight:600;font-size:13px;padding:5px 14px;border-radius:999px;letter-spacing:.04em}
.ev h3{font-size:clamp(23px,3vw,32px);margin-top:12px;max-width:26ch}
.evb{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;margin-top:20px}
.evb .tx{display:flex;flex-direction:column;gap:14px;min-width:0}
.evb .tx ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.evb .tx h4{font-size:18px;color:var(--teal);margin-top:6px}
.evb .ph2{display:flex;flex-direction:column;gap:12px;min-width:0}
.evb .ph2 img{border-radius:12px;width:100%;height:auto;display:block;cursor:zoom-in}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}
.gal button{border:0;padding:0;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:var(--tint);cursor:zoom-in}
.gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.gal button:hover img{transform:scale(1.07)}
.glab{font-weight:600;margin-top:22px;font-family:var(--serif);font-size:20px}
.poster{display:grid;place-items:center}
.poster button{border:0;padding:0;background:none;cursor:zoom-in;max-width:640px;width:100%}
.poster img{width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow);display:block}
#lb{position:fixed;inset:0;background:rgba(6,14,8,.88);z-index:200;display:grid;place-items:center;padding:20px}
#lb img{max-width:92vw;max-height:86vh;border-radius:10px;display:block}
#lb button{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:16px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#111;font-size:22px}

/* WINSPIRE */
.nl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px}
.nlc{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;background:var(--surface);border:1.5px solid var(--line);border-radius:20px;padding:20px;text-decoration:none;position:relative;transition:transform .3s,border-color .3s,box-shadow .3s}
.nlc:hover{transform:translateY(-6px);border-color:var(--orange);box-shadow:var(--shadow)}
.nlc img{width:100%;height:auto;border-radius:10px;display:block;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.nlc h3{font-size:22px}
.nlc .k{font-size:16px;font-weight:600;margin-top:8px;color:var(--teal)}
.nlc .dd{font-size:14px;color:var(--orange);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}
.nlc .op{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--green)}

/* BYLAWS */
.bsr{display:flex;gap:12px;margin-bottom:18px}
.bl{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden}
.bl summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:16px 20px;font-weight:600}
.bl summary::-webkit-details-marker{display:none}
.bl summary::after{content:"+";margin-left:auto;font-size:24px;color:var(--orange);transition:transform .25s;line-height:1}
.bl[open] summary::after{transform:rotate(45deg)}
.bl[open]{border-color:var(--green)}
.bn{min-width:34px;height:34px;border-radius:10px;background:var(--tint);color:var(--green);display:grid;place-items:center;font-family:var(--serif);font-size:16px}
.bt{font-family:var(--serif);font-size:19px}
.bb{padding:4px 22px 22px 22px;color:var(--fg);font-size:15.5px;max-width:880px}
.bb h4{font-size:18px;color:var(--teal);margin:20px 0 8px}
.bb ol,.bb ul{padding-left:26px;display:flex;flex-direction:column;gap:8px}
.bb p{margin:8px 0}
.bb blockquote{margin:0}
.tw{overflow-x:auto}
.bb table{border-collapse:collapse;width:100%}
.bb td,.bb th{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.nores{padding:18px;color:var(--muted)}

/* FOOTER */
footer{background:var(--green-d);color:var(--on-dark);padding:56px 0 28px}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:32px}
footer h4{font-size:17px;margin-bottom:12px;color:#fff}
footer a{display:block;color:var(--on-dark-m);text-decoration:none;padding:3px 0;font-size:15px}
footer a:hover{color:#fff}
footer address{font-style:normal;color:var(--on-dark-m);font-size:15px}
.cp{border-top:1px solid rgba(238,245,234,.18);margin-top:36px;padding-top:20px;font-size:14px;color:var(--on-dark-m)}

/* ADMIN */
.at{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px;justify-content:space-between}
.at h2{font-size:32px}
.at .who{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.two{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:24px;align-items:start}
.sm{min-height:36px;padding:0 14px;font-size:13.5px}
.mbtn{display:none}
@media (max-width:1120px){
.menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--surface);padding:12px 20px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);gap:2px}
.menu.open{display:flex}
.menu a,.nav.sc .menu a{color:var(--fg);padding:12px}
.hb{display:block}
.nav .wrap{position:relative}
.nav .tgw{display:none}
.menu .tg{border-color:var(--line);color:var(--fg);align-self:flex-start;margin:8px 12px}
.vm,.evb,.fg{grid-template-columns:1fr}
.hero .atom{opacity:.3;right:-30%}
}
@media (max-width:820px){
.two{grid-template-columns:1fr}
}
@media (max-width:560px){
.nlc{grid-template-columns:1fr}
.nlc img{max-width:230px}
.arr.l{left:4px}
.arr.r{right:4px}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.ring-rot{animation:none}
.rv{transition:none}
.rv.pre{opacity:1;transform:none}
*{transition-duration:.01s!important}}

/* ---- refinement: full-photo frames, crisper type, quieter surfaces ---- */
:root{--fg:#0E1B11;--muted:#3F5143;--line:#E1E9DC;--on-dark-m:#CFE0CB;--shadow:0 1px 2px rgba(14,27,17,.04),0 6px 20px rgba(14,27,17,.05)}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){--fg:#F1F7EE;--muted:#B4CCB1;--line:#1F3E27}}
:root[data-theme="dark"]{--fg:#F1F7EE;--muted:#B4CCB1;--line:#1F3E27}
html{-webkit-text-size-adjust:100%}
body{font-size:16.5px;line-height:1.62;letter-spacing:.003em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern","liga"}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.012em;text-rendering:geometricPrecision}
.sh h2{font-size:clamp(28px,3.6vw,38px)}
.sh p,.card p,.bb,.evb .tx p,.evb .tx li{color:var(--fg)}
.sh p{color:var(--muted)}
.card p{color:var(--muted);font-size:15.5px}
.eyebrow{font-size:12px;letter-spacing:.18em}
.card,.pc,.ev,.nlc,.bl,.vm .col{box-shadow:none;border-color:var(--line)}
.card:hover,.pc:hover,.nlc:hover{box-shadow:var(--shadow)}
.vm .col.m{background:var(--green-d)}
.vm li{line-height:1.6}
.pf{width:100%;aspect-ratio:4/5;background:var(--tint);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line)}
.pf img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast}
.pf0{background:repeating-linear-gradient(135deg,var(--tint) 0 10px,color-mix(in srgb,var(--tint) 70%,var(--surface)) 10px 20px);border-style:dashed}
.people{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}
.pc{padding:14px 14px 18px;gap:14px;align-items:stretch}
.pc h3{font-size:18px;line-height:1.25}
.pc .role{font-size:13.5px;line-height:1.35}
.pc>div:not(.pf):not(.bio){padding-inline:6px}
.pc .role{padding-inline:6px}
.bio{min-height:56px}
@media (max-width:560px){
.people{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pc h3{font-size:16px}}
.pf{aspect-ratio:auto;background:var(--tint);display:block;line-height:0}
.pf img{width:100%;height:auto;max-width:100%;max-height:none;display:block}
.pf0{aspect-ratio:4/5}
.people{align-items:stretch}
/* ---- aligned people cards ---- */
.people{align-items:stretch}
.pc{display:grid;grid-template-rows:auto auto 1fr;align-content:start;gap:14px}
.pf{aspect-ratio:4/5;width:100%;display:flex;align-items:center;justify-content:center;line-height:0;background:var(--tint)}
.pf img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}
.pf0{background:repeating-linear-gradient(135deg,var(--tint) 0 10px,color-mix(in srgb,var(--tint) 70%,var(--surface)) 10px 20px)}
.pc h3{min-height:2.5em}
.pc .role{min-height:2.8em}
.pc{min-width:0}
.pc>*{min-width:0}
.pc h3,.pc .role{overflow-wrap:anywhere}
@media (max-width:560px){
.pc{padding:10px 10px 14px}
.pc .role{min-height:0;font-size:12.5px}
.pc h3{min-height:0}
.pc>div:not(.pf):not(.bio){min-height:5.6em}
.pc .role{padding-inline:4px}}
.gal{grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr))}
@media (min-width:561px){
.gal{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}

/* ---- depth & motion (subtle) ---- */
:root{--lift:0 1px 0 rgba(255,255,255,.7) inset,0 1px 2px rgba(14,27,17,.05),0 12px 26px -14px rgba(14,27,17,.22);--lift-h:0 1px 0 rgba(255,255,255,.7) inset,0 2px 4px rgba(14,27,17,.06),0 22px 40px -16px rgba(14,27,17,.30)}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){--lift:0 1px 0 rgba(255,255,255,.05) inset,0 12px 26px -14px rgba(0,0,0,.6);--lift-h:0 1px 0 rgba(255,255,255,.06) inset,0 24px 44px -16px rgba(0,0,0,.7)}}
:root[data-theme="dark"]{--lift:0 1px 0 rgba(255,255,255,.05) inset,0 12px 26px -14px rgba(0,0,0,.6);--lift-h:0 1px 0 rgba(255,255,255,.06) inset,0 24px 44px -16px rgba(0,0,0,.7)}
.card,.pc,.nlc,.ev,.vm .col,.bl,.prog{box-shadow:var(--lift)}
.card:hover,.pc:hover,.nlc:hover,.prog:hover{box-shadow:var(--lift-h)}
.vm .col.m{box-shadow:0 18px 40px -18px rgba(10,20,12,.55)}
.btn{box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 6px 14px -6px rgba(14,27,17,.35)}
.btn-or{background:linear-gradient(180deg,#CBF04A,#A9D524)}
.btn-or:hover{background:linear-gradient(180deg,#D7F763,#B8E02F);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 12px 24px -8px rgba(140,200,30,.55)}
.btn-gr{background:linear-gradient(180deg,#1F9D50,#157A3C)}
.btn:active{transform:translateY(0) scale(.98)}
.pf{box-shadow:0 8px 18px -10px rgba(14,27,17,.35)}
.pf img{transition:transform .5s ease}
.pc:hover .pf img{transform:scale(1.04)}
.nlc img,.poster img{box-shadow:0 18px 30px -14px rgba(14,27,17,.45)}
.nlc:hover img{transform:translateY(-3px) rotate(-1deg)}
.nlc img{transition:transform .35s ease}
.pill{box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 8px 14px -8px rgba(23,128,62,.5)}
.gal button{box-shadow:0 6px 14px -8px rgba(14,27,17,.4);transition:transform .3s,box-shadow .3s}
.gal button:hover{transform:translateY(-3px);box-shadow:0 14px 22px -10px rgba(14,27,17,.5)}
.hero .atom{will-change:transform;transition:transform .25s ease-out}
.hero h1{text-shadow:0 2px 24px rgba(0,0,0,.25)}
.stats b{text-shadow:0 2px 14px rgba(0,0,0,.3)}
.tilt{transform-style:preserve-3d}
.tilt:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-5px)}
.tilt.rv{transition:opacity .7s ease,transform .18s ease-out,box-shadow .3s,border-color .3s}
.tilt:not(.rv){transition:transform .18s ease-out,box-shadow .3s,border-color .3s}
#sprog{position:fixed;left:0;top:env(safe-area-inset-top,0px);height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--green),var(--orange));z-index:120;pointer-events:none}
@media (hover:none){
.tilt:hover{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){
.tilt:hover{transform:none}
.hero .atom{transition:none}
#sprog{display:none}}

/* ---- lime & bright green palette ---- */
:root{--bright:#2FBF62;--lime:#B8E02F}
.btn-or:hover{color:#0B2E12}
:root[data-theme="dark"] .btn-gr{background:linear-gradient(180deg,#63E592,#3ACB70);color:#04120A}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) .btn-gr{background:linear-gradient(180deg,#63E592,#3ACB70);color:#04120A}}
::selection{background:#CDEF5C;color:#0B2E12}
.sh h2::after{content:"";display:block;width:56px;height:4px;border-radius:4px;margin-top:14px;background:linear-gradient(90deg,var(--bright),var(--lime))}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,transparent,var(--lime),var(--bright),transparent);opacity:.9}
#sprog{background:linear-gradient(90deg,var(--bright),var(--lime))}
.tabl{background:linear-gradient(180deg,#1F9D50,#157A3C)}
.panel{border-color:var(--bright)}
.card:hover,.pc:hover,.nlc:hover{border-color:color-mix(in srgb,var(--bright) 55%,var(--line))}
.bl[open]{border-color:var(--bright)}
.pill{background:linear-gradient(135deg,var(--tint),#F3FBD9)}
.vm .col.m{background:linear-gradient(160deg,#0C3320,#06210F)}
.vm .col.m li::marker{color:var(--lime)}
.vm .col.m h3{color:#fff}
footer{background:linear-gradient(180deg,#0A2B19,#06210F)}

/* ---- light lime & bright green theme ---- */
:root{--h-bg:radial-gradient(900px 480px at 82% 12%,rgba(184,224,47,.55) 0,transparent 62%),radial-gradient(700px 420px at 8% 90%,rgba(47,191,98,.20) 0,transparent 60%),linear-gradient(160deg,#F6FCE3 0%,#E4F6BC 55%,#CDEE96 100%);
 --h-fg:#0D2013;--h-fg-m:#2E4B2B;--h-accent:#17803E;--h-ring:#2FBF62;--h-dot:#8FC71F;--h-line:rgba(13,32,19,.20);--h-hover:rgba(23,128,62,.10);
 --panel:linear-gradient(150deg,#136B35 0%,#17803E 60%,#1C9244 100%);--panel-fg:#FFFFFF;--panel-fg-m:rgba(255,255,255,.90);--panel-line:rgba(255,255,255,.22);--panel-mark:#E6FB84}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){--h-bg:radial-gradient(1000px 520px at 78% 20%,rgba(140,210,50,.30) 0,transparent 60%),linear-gradient(160deg,#0C3320,#06210F);--h-fg:#EEF5EA;--h-fg-m:#CFE0CB;--h-accent:#C6F135;--h-ring:#B7E02E;--h-dot:#C6F135;--h-line:rgba(238,245,234,.35);--h-hover:rgba(238,245,234,.12);--panel:linear-gradient(160deg,#0C3320,#06210F)}}
:root[data-theme="dark"]{--h-bg:radial-gradient(1000px 520px at 78% 20%,rgba(140,210,50,.30) 0,transparent 60%),linear-gradient(160deg,#0C3320,#06210F);--h-fg:#EEF5EA;--h-fg-m:#CFE0CB;--h-accent:#C6F135;--h-ring:#B7E02E;--h-dot:#C6F135;--h-line:rgba(238,245,234,.35);--h-hover:rgba(238,245,234,.12);--panel:linear-gradient(160deg,#0C3320,#06210F)}
.hero{background:var(--h-bg);color:var(--h-fg)}
.hero h1,.stats b{text-shadow:none}
.hero .lead,.stats span{color:var(--h-fg-m)}
.hero h1 em,.hero .eyebrow{color:var(--h-accent)}
.hero .btn-ghost{border-color:var(--h-line);color:var(--h-fg)}
.hero .btn-ghost:hover{background:var(--h-hover)}
.stats{border-top-color:var(--h-line)}
.nav .menu a{color:var(--h-fg)}
.nav.sc .menu a{color:var(--fg)}
.nav .menu a:hover{background:var(--h-hover)}
.tg,.hb{border-color:var(--h-line);color:var(--h-fg)}
.nav.sc .tg,.nav.sc .hb{border-color:var(--line);color:var(--fg)}
.hero::after{background:linear-gradient(90deg,transparent,var(--bright),var(--lime),transparent)}
.vm .col.m,.vm .col.m{background:var(--panel);color:var(--panel-fg)}
.vm .col.m li::marker{color:var(--panel-mark)}
footer{background:var(--panel);color:var(--panel-fg)}
footer a,footer address,.cp{color:var(--panel-fg-m)}
footer a:hover{color:#fff}
.cp{border-top-color:var(--panel-line)}
footer{border-top:3px solid var(--lime)}
.section-tint,section.alt{background:linear-gradient(180deg,#EAF7CF,#E2F3C0)}
:root[data-theme="dark"] section.alt{background:var(--tint)}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) section.alt{background:var(--tint)}}
.hero .atom{opacity:.8}
:root[data-theme="dark"] .hero .atom{opacity:.55}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]) .hero .atom{opacity:.55}}
/* ---- clear black text on the lime & bright green theme ---- */
:root{--fg:#0A0A0A;--muted:#1E1E1E;--teal:#0A0A0A;--orange:#0A0A0A;--orange-h:#000000;
 --h-fg:#0A0A0A;--h-fg-m:#1A1A1A;--h-accent:#0B5A28;
 --panel:linear-gradient(135deg,#A6E58B 0%,#C2EC66 100%);--panel-fg:#0A0A0A;--panel-fg-m:#141414;--panel-line:rgba(0,0,0,.18);--panel-mark:#0A0A0A;--panel-hover:rgba(0,0,0,.09);--panel-link:#0A0A0A}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){--fg:#F1F7EE;--muted:#B4CCB1;--teal:#5FE0A8;--orange:#C6F135;--orange-h:#D8FA5C;--panel-fg:#fff;--panel-fg-m:rgba(255,255,255,.9);--panel-line:rgba(255,255,255,.22);--panel-mark:#E6FB84;--panel-hover:rgba(255,255,255,.16)}}
:root[data-theme="dark"]{--fg:#F1F7EE;--muted:#B4CCB1;--teal:#5FE0A8;--orange:#C6F135;--orange-h:#D8FA5C;--h-fg:#EEF5EA;--h-fg-m:#CFE0CB;--panel:linear-gradient(160deg,#0C3320,#06210F);--panel-fg:#fff;--panel-fg-m:rgba(255,255,255,.9);--panel-line:rgba(255,255,255,.22);--panel-mark:#E6FB84;--panel-hover:rgba(255,255,255,.16)}
.vm .col.m h3{color:var(--panel-fg)}
.vm .col.m{border:1.5px solid color-mix(in srgb,var(--bright) 55%,transparent)}
footer h4{color:var(--panel-fg)}
footer a:hover{color:var(--panel-fg);text-decoration:underline}
:root[data-theme="light"] .eyebrow{color:#0A0A0A!important;font-weight:700}
:root[data-theme="light"] .hero .eyebrow{color:#0A0A0A!important}
:root[data-theme="light"] .row a,:root[data-theme="light"] .nlc .op,:root[data-theme="light"] .bn,:root[data-theme="light"] .ev .dt,:root[data-theme="light"] .pill{color:#0A0A0A}
:root[data-theme="light"] .pc .role,:root[data-theme="light"] .prog .d,:root[data-theme="light"] .nlc .dd{font-weight:700}
:root[data-theme="light"] .btn-gr{background:linear-gradient(180deg,#58DA85,#2FBF62);color:#0A0A0A}
:root[data-theme="light"] .tabl{background:linear-gradient(180deg,#58DA85,#2FBF62);color:#0A0A0A}
:root[data-theme="light"] .avatar{color:#0A0A0A;background:#58DA85}
:root[data-theme="light"] .sh p,:root[data-theme="light"] .card p,:root[data-theme="light"] .glab{color:var(--fg)}
:root[data-theme="light"] .bb,:root[data-theme="light"] .bb p,:root[data-theme="light"] .bb li{color:#0A0A0A}
body{font-weight:400}
.pc h3,.card h3,.ev h3,.nlc h3{font-weight:700}

/* ---- Cherenkov blue radiation palette (sample) ---- */
:root{--bright:#1FA2FF;--lime:#7FDDFF;--bg:#F3F9FF;--line:#D0E5F6;--tint:#E2F2FF;--green:#0A66B0;--green-d:#06284A;--ring:#1FA2FF;
 --h-bg:radial-gradient(900px 480px at 82% 12%,rgba(79,195,255,.55) 0,transparent 62%),radial-gradient(700px 420px at 8% 90%,rgba(120,110,255,.16) 0,transparent 60%),linear-gradient(160deg,#F5FBFF 0%,#DDF1FF 55%,#BFE4FF 100%);
 --h-accent:#0A4F8C;--h-ring:#1FA2FF;--h-dot:#00B4FF;--h-line:rgba(6,40,74,.22);--h-hover:rgba(10,102,176,.10);
 --panel:linear-gradient(135deg,#8ED6FF 0%,#C4EBFF 100%);--panel-mark:#0A0A0A}
:root[data-theme="dark"]{--bg:#050E1C;--surface:#0A1A30;--line:#16335A;--tint:#0E2542;--green:#4FC3FF;--green-d:#030A14;--orange:#7FDDFF;--orange-h:#B5EAFF;--teal:#7FDDFF;
 --h-bg:radial-gradient(1000px 520px at 78% 20%,rgba(31,162,255,.38) 0,transparent 60%),linear-gradient(160deg,#071B3A,#030A18);--h-accent:#7FDDFF;--h-ring:#4FC3FF;--h-dot:#7FDDFF;
 --panel:linear-gradient(160deg,#0A2A55,#041226);--panel-mark:#9FE3FF}
::selection{background:#9FDCFF;color:#04213F}
.hero h1 em{text-shadow:0 0 28px rgba(31,162,255,.35)}
.sh h2::after,#sprog{background:linear-gradient(90deg,#1FA2FF,#7FDDFF)}
.hero::after{background:linear-gradient(90deg,transparent,#7FDDFF,#1FA2FF,transparent)}
.pill{background:linear-gradient(135deg,var(--tint),#F2FAFF)}
.btn-or{background:linear-gradient(180deg,#8FDFFF,#36B4FF);color:#04213F;box-shadow:0 6px 18px -6px rgba(31,162,255,.6)}
.btn-or:hover{color:#04213F}
:root[data-theme="light"] .btn-gr,:root[data-theme="light"] .tabl{background:linear-gradient(180deg,#7FD3FF,#2FA9FF);color:#0A0A0A}
:root[data-theme="light"] .avatar{background:#7FD3FF}
:root[data-theme="dark"] .btn-gr{background:linear-gradient(180deg,#6FD0FF,#2E9BFF);color:#021428}
:root[data-theme="dark"] .tabl{background:linear-gradient(180deg,#2E9BFF,#1572C9);color:#fff}
.section-tint,section.alt{background:linear-gradient(180deg,#EAF6FF,#DCEFFF)}
:root[data-theme="dark"] section.alt{background:var(--tint)}
.vm .col.m{border:1.5px solid rgba(31,162,255,.55)}
footer{border-top:3px solid #4FC3FF}
.atom,.hero svg{filter:drop-shadow(0 0 10px rgba(31,162,255,.45))}

/* ---- photo reactor-blue shades as soft atmospheric background ---- */
:root{--rb-deep:#014C9B;--rb-mid:#025CA6;--rb-blue:#0670B4;--rb-glow:#0A8BC5}
body{background:
 radial-gradient(1100px 700px at 100% 12%,rgba(10,139,197,.30) 0,transparent 65%),
 radial-gradient(900px 650px at 0% 45%,rgba(2,92,166,.22) 0,transparent 65%),
 radial-gradient(1100px 700px at 100% 78%,rgba(6,112,180,.26) 0,transparent 65%),
 radial-gradient(900px 600px at 0% 100%,rgba(1,76,155,.22) 0,transparent 65%),
 var(--bg);background-attachment:scroll}
:root[data-theme="light"] .hero{background:
 radial-gradient(900px 520px at 85% 15%,rgba(10,139,197,.55) 0,transparent 62%),
 radial-gradient(800px 520px at 5% 100%,rgba(2,92,166,.32) 0,transparent 62%),
 linear-gradient(160deg,#EAF6FF 0%,#BFE3F7 55%,#8CC8EA 100%)}
:root[data-theme="light"] section.alt,:root[data-theme="light"] .section-tint{background:linear-gradient(180deg,rgba(10,139,197,.14),rgba(2,92,166,.16))}
:root[data-theme="dark"] body{background:
 radial-gradient(1100px 700px at 100% 12%,rgba(10,139,197,.30) 0,transparent 65%),
 radial-gradient(900px 650px at 0% 50%,rgba(2,92,166,.35) 0,transparent 65%),
 radial-gradient(1100px 700px at 100% 85%,rgba(6,112,180,.30) 0,transparent 65%),var(--bg)}
:root[data-theme="dark"] .hero{background:
 radial-gradient(1000px 560px at 78% 20%,rgba(10,139,197,.55) 0,transparent 62%),
 linear-gradient(160deg,#014C9B,#02224A)}

/* ---- exact reactor-blue from photo, full strength ---- */
:root[data-theme="light"] body,:root[data-theme="dark"] body{background:
 radial-gradient(1200px 800px at 85% 8%,#0A8BC5 0,rgba(10,139,197,0) 70%),
 radial-gradient(1000px 800px at 12% 55%,#0670B4 0,rgba(6,112,180,0) 70%),
 radial-gradient(1200px 800px at 88% 92%,#0A8BC5 0,rgba(10,139,197,0) 70%),
 linear-gradient(180deg,#014C9B 0%,#025CA6 35%,#0261A9 65%,#025CA6 100%);background-attachment:scroll}
:root[data-theme="light"] .hero,:root[data-theme="dark"] .hero{background:
 radial-gradient(900px 560px at 80% 35%,#0A8BC5 0,rgba(10,139,197,0) 70%),
 linear-gradient(160deg,#014C9B 0%,#025CA6 55%,#0670B4 100%);color:#fff}
:root[data-theme="light"] section.alt,:root[data-theme="light"] .section-tint,:root[data-theme="dark"] section.alt{background:transparent}
/* text sitting directly on the blue */
:root[data-theme="light"] .hero,:root[data-theme="light"] .hero h1,:root[data-theme="light"] .hero .lead,:root[data-theme="light"] .hero .eyebrow,:root[data-theme="light"] .stats b,:root[data-theme="light"] .stats span{color:#fff!important}
:root[data-theme="light"] .hero h1 em{color:#BFEAFF!important;text-shadow:none}
:root[data-theme="light"] .hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}
:root[data-theme="light"] .stats{border-top-color:rgba(255,255,255,.35)}
:root[data-theme="light"] .nav:not(.sc) .menu a,:root[data-theme="light"] .nav:not(.sc) .tg,:root[data-theme="light"] .nav:not(.sc) .hb{color:#fff;border-color:rgba(255,255,255,.4)}
:root[data-theme="light"] .sh h2,:root[data-theme="light"] .sh p,:root[data-theme="light"] .sh .eyebrow{color:#fff!important}
:root[data-theme="light"] .sh h2::after{background:linear-gradient(90deg,#fff,#7FDDFF)}

/* ---- login page: exact reactor blue ---- */

/* new logo: show it full, no extra white frame */
.badge{background:transparent;padding:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px -6px rgba(0,0,0,.35)}
.badge img{height:54px;width:auto}
footer .badge img{height:60px}
.nav .badge img{height:50px}
.nav .badge{border-radius:10px}

/* ===== revision ===== */
.nav .wrap{width:min(1400px,100%);gap:14px}
.menu a{padding:8px 7px;font-size:13px}
.menu .btn{margin-left:4px!important}
.nav .badge{flex:0 0 auto}
.nav .badge img{height:58px}
.nav.sc .badge img{height:50px}
.nav .badge{box-shadow:0 6px 18px -6px rgba(0,20,60,.55),0 0 0 1px rgba(255,255,255,.4)}
footer .badge img{height:80px}
.menu{order:1}
.lang{order:2}
.hb{order:3}
.lang{display:inline-flex;margin-left:10px;padding:3px;border-radius:999px;border:1.5px solid rgba(255,255,255,.6);background:rgba(255,255,255,.14);flex:0 0 auto}
.lang button{border:0;background:transparent;color:#fff;font:600 13px/1 Inter,'Noto Sans Devanagari',sans-serif;padding:9px 14px;min-height:36px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.lang button[aria-pressed=true]{background:#fff;color:#06457F;box-shadow:0 0 14px rgba(127,221,255,.75)}
.nav.sc .lang{border-color:var(--line);background:rgba(10,102,176,.08)}
.nav.sc .lang button{color:var(--fg)}
.nav.sc .lang button[aria-pressed=true]{background:#0A66B0;color:#fff}
@media (max-width:1320px){
.menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#06457F;padding:12px 20px 20px;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);gap:2px;margin-left:0}
.menu.open{display:flex}
.menu a,.nav.sc .menu a,:root[data-theme="light"] .nav:not(.sc) .menu a{color:#fff;padding:12px}
.hb{display:block;margin-left:10px}
.nav .wrap{position:relative}
.lang{margin-left:auto}}
@media (max-width:820px){
.nav .badge img{height:50px}
.nav.sc .badge img{height:44px}
.nav .wrap{gap:10px}}
@media (max-width:420px){
.nav .badge img{height:44px}
.nav.sc .badge img{height:40px}
.lang button{padding:8px 10px;font-size:12px;min-height:34px}}
.hero .awin{font-family:var(--serif);font-weight:600;color:#fff;font-size:clamp(38px,6vw,68px);line-height:1.1;letter-spacing:.01em;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:10px;text-decoration-color:#7FDDFF;text-shadow:0 0 28px rgba(127,221,255,.65);display:inline-block}
.hero h1{margin-top:12px}
.hero h1 .l{display:block}
html[lang=hi] .hero h1,html[lang=hi] h2,html[lang=hi] h3,html[lang=hi] h4{font-family:'Noto Serif Devanagari',var(--serif)}
html[lang=hi] .menu a,html[lang=hi] .eyebrow,html[lang=hi] .tabl,html[lang=hi] footer h4,html[lang=hi] .glab{font-family:'Noto Sans Devanagari',Inter,sans-serif}
.hero .atom2{opacity:1!important;filter:drop-shadow(0 0 12px rgba(79,195,255,.85)) drop-shadow(0 0 46px rgba(31,162,255,.6))}
.atom2 .spin{transform-origin:200px 200px;animation:spin 50s linear infinite}
.atom2 .spinr{transform-origin:200px 200px;animation:spinr 80s linear infinite}
.atom2 .core{transform-origin:200px 200px;animation:pulse 3s ease-in-out infinite}
.atom2 .aura{transform-origin:200px 200px;animation:pulse 5s ease-in-out infinite}
@keyframes spinr{
to{transform:rotate(-360deg)}}
@keyframes pulse{
0%,100%{transform:scale(1)}
50%{transform:scale(1.14)}}
@media (max-width:1320px){
.hero .atom{opacity:.55!important;right:-26%}}
.mq{overflow:hidden;background:linear-gradient(90deg,#06457F,#0A66B0,#06457F);color:#fff;padding:14px 0;border-block:1px solid rgba(255,255,255,.2)}
.mqt{display:flex;gap:48px;width:max-content;animation:mq 32s linear infinite;font:600 15px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.mqt span::before{content:"\269B";margin-right:48px;color:#7FDDFF;text-shadow:0 0 10px #7FDDFF}
@keyframes mq{
to{transform:translateX(-50%)}}
.formwrap{padding:18px}
.formnote{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;font-weight:500}
.formwrap iframe{width:100%;height:1500px;border:0;border-radius:12px;background:#fff;display:block}
.fg{grid-template-columns:1.3fr 1fr 1fr 1.4fr}
@media (max-width:1120px){
.fg{grid-template-columns:1fr 1fr}}
@media (max-width:560px){
.fg{grid-template-columns:1fr}}
.cont a{display:flex;align-items:center;gap:10px;word-break:break-all}
.cp{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
footer a.admin-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#fff;font-weight:600;font-size:14px;background:rgba(255,255,255,.08);transition:background .2s,color .2s,box-shadow .2s}
footer a.admin-pill:hover{background:#fff;color:#06457F;box-shadow:0 0 20px rgba(127,221,255,.65)}
.ff .pf{cursor:zoom-in}
#pmodal{position:fixed;inset:0;z-index:200;background:rgba(3,14,32,.72);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}
#pmodal[hidden]{display:none}
.pmc{position:relative;background:#fff;color:#0A1A30;border-radius:20px;padding:20px;width:min(380px,100%);text-align:center;box-shadow:0 0 0 1px rgba(127,221,255,.5),0 30px 80px -20px rgba(0,120,255,.6);animation:pop .28s ease-out}
.pmc img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px;display:block}
.pmc h3{margin:14px 0 4px;font-size:22px}
.pmc .role{color:#0A66B0;font-weight:600}
.pmx{position:absolute;top:8px;right:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:24px;cursor:pointer;z-index:2}
@keyframes pop{
from{opacity:0;transform:scale(.9) translateY(10px)}}
#top{position:fixed;right:18px;bottom:18px;z-index:90;width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(180deg,#7FD3FF,#2FA9FF);color:#04203F;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 18px rgba(79,195,255,.8)}
#top[hidden]{display:none}
@media (prefers-reduced-motion:reduce){
.atom2 *,.mqt{animation:none!important}}

/* ===== flip cards ===== */
.pc,:root[data-theme="light"] .pc,:root[data-theme="dark"] .pc{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:0!important}
.pc.on .ff{visibility:hidden}
.pc:not(.on) .fb{visibility:hidden}
.pc{display:block;padding:0;background:transparent;border:0;box-shadow:none;perspective:1400px;overflow:visible}
.pc>.fl{position:relative;height:100%;min-height:0!important;transition:transform .75s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.pc.on>.fl{transform:rotateY(180deg)}
.ff,.fb{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;box-sizing:border-box}
.ff{background:var(--surface);border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:14px;height:100%;box-shadow:var(--shadow)}
.ff .nr{min-height:5.2em}
.ff .rm{margin-top:auto}
.fb{position:absolute;inset:0;transform:rotateY(180deg);background:linear-gradient(160deg,#06457F,#0A66B0 60%,#0B7BC9);color:#fff;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 0 0 1px rgba(127,221,255,.55),0 18px 40px -18px rgba(0,100,220,.7)}
.fb h3{color:#fff;font-size:18px;margin:0}
.fb .role{color:#BFEFFF;font-size:13px;font-weight:600;margin-top:2px}
.fbh{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.25)}
.cvs{flex:1;min-height:0;overflow-y:auto;padding-right:6px;font-size:14px;line-height:1.6;color:#EAF6FF;scrollbar-width:thin;scrollbar-color:#7FDDFF transparent}
.cvs::-webkit-scrollbar{width:6px}
.cvs::-webkit-scrollbar-thumb{background:#7FDDFF;border-radius:6px}
.cvt p{margin:0 0 .75em;color:#EAF6FF}
.cvt b{color:#fff}
.cvph{border:1.5px dashed rgba(255,255,255,.45);border-radius:12px;padding:18px;min-height:140px;display:grid;place-items:center;text-align:center;color:#BFEFFF;font-style:italic}
.rm{border:0;border-radius:999px;padding:10px 16px;font:600 14px/1 Inter,sans-serif;cursor:pointer;background:linear-gradient(180deg,#7FD3FF,#2FA9FF);color:#04203F;transition:box-shadow .2s,transform .2s;min-height:40px}
.rm:hover{box-shadow:0 0 16px rgba(79,195,255,.8);transform:translateY(-1px)}
.rm.bk{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.5)}
@media (max-width:560px){
.pc.on{grid-column:1/-1}
.pc.on .ff .pf{aspect-ratio:4/5}}
@media (prefers-reduced-motion:reduce){
.pc>.fl{transition:none}}
/* ===== refinement: login atom + flip card fit ===== */
.atom2 circle[fill="url(#elg)"],.atom2 circle[fill="url(#elg2)"]{mix-blend-mode:screen}
.people.op .pc:not(.on){align-self:start}
.pc.on{align-self:start}
.pc{transition:height .55s cubic-bezier(.2,.8,.2,1)}
.cvs{scroll-behavior:smooth;overscroll-behavior:contain}
.cvs.more{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 38px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 38px),transparent)}
.rm:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (prefers-reduced-motion:reduce){
.pc{transition:none}
.cvs{scroll-behavior:auto}}

/* ---- admin: members (Supabase) ---- */
.note{font-size:13px;color:var(--muted);margin:6px 0 4px}
/* Membership form: responsive */
#membership .formwrap iframe {
  display: block;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  border: 0;
  min-height: 0 !important;
  height: clamp(560px, 80vh, 820px) !important;
}

/* Phones: hide the embedded form, keep one big button */
@media (max-width: 700px) {
  #membership .formwrap iframe {
    display: none !important;
  }
  #membership .formnote {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    gap: 14px;
  }
  #membership .formnote .btn {
    width: 100%;
    justify-content: center;
  }
}
/* Keep flip cards the same size when "Read more" is opened */
.people .pc,
.people.op .pc,
.pc.on{
  height:auto !important;
  min-height:0 !important;
  align-self:stretch !important;
}
.pc.on>.fl{height:100% !important}

/* Phones: don't let the open card span the full row */
@media (max-width:560px){
  .pc.on{grid-column:auto !important}
}