:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#163454;background:#f6f8fa;scroll-behavior:smooth;scroll-padding-top:100px;--navy:#102e55;--teal:#007b86}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;font-size:1rem;line-height:1.6;overflow-wrap:break-word}
a{color:inherit;text-underline-offset:3px}
button{font:inherit;cursor:pointer}
img{max-width:100%}
:focus-visible{outline:3px solid #008a96;outline-offset:4px}
.hero :focus-visible,.committee :focus-visible{outline-color:#75e1dc}
.skip-link{position:fixed;top:8px;left:12px;padding:10px 18px;background:#fff;color:#102e55;border:2px solid #007b86;z-index:100;transform:translateY(-150%)}
.skip-link:focus{transform:none}
header{background:#fff;border-bottom:1px solid #dce5ed;position:sticky;top:0;z-index:10}
.top{max-width:1280px;margin:auto;padding:12px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;text-decoration:none;gap:10px;font-weight:800;color:#183761;letter-spacing:-.025em;flex-shrink:0}
.brand img{width:78px;height:46px;object-fit:contain}
.brand span{font-size:.95rem;line-height:1.15}
.nav{display:flex;flex-wrap:wrap;gap:22px;align-items:center}
.nav a{text-decoration:none;font-size:.875rem;font-weight:650;color:#31516f;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.nav a:hover{color:#007b86}
.nav .nav-cta{background:#183b68;color:#fff;padding:10px 14px;border-radius:5px}
.nav .nav-cta:hover{background:#245681}
.header-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.languages{display:flex;gap:2px;background:#f0f5f8;padding:3px;border-radius:5px}
.languages a{display:flex;align-items:center;justify-content:center;min-height:38px;min-width:35px;padding:5px;font-size:.875rem;font-weight:750;text-decoration:none;border-radius:3px;color:#355670}
.languages a[aria-current]{background:#163d66;color:white}
.languages a:hover{box-shadow:inset 0 0 0 1px #8daabf}
#menu{display:none;border:1px solid #cad8e2;background:#fff;width:44px;height:44px;border-radius:5px;align-items:center;justify-content:center;color:#183b68;padding:0}
.hero{background:linear-gradient(125deg,#0b2b51 2%,#17466d 68%,#15546b);color:#fff;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-70px;top:-110px;width:570px;height:570px;opacity:.28;background:radial-gradient(circle at 50% 50%,transparent 0 20%,#70dad2 20.4% 20.8%,transparent 21.2% 37%,#70dad2 37.4% 37.8%,transparent 38.2% 54%,#70dad2 54.4% 54.8%,transparent 55.2%);pointer-events:none}
.wrap{max-width:1200px;margin:auto;padding:0 28px}
.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;min-height:590px;align-items:center;gap:58px;padding-top:70px;padding-bottom:70px;position:relative;z-index:1}
.hero-inner>*{min-width:0}
.eyebrow{font-size:.875rem;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:#65dcd6;line-height:1.6}
.hero h1{font-size:clamp(2.5rem,4.7vw,4.9rem);line-height:1.1;letter-spacing:-.035em;margin:19px 0 24px;max-width:780px;overflow-wrap:break-word}
.hero p{font-size:1.125rem;line-height:1.7;color:#d5e7f2;max-width:610px;margin:0 0 28px}
.hero .date{font-weight:750;color:#fff;font-size:1.0625rem;margin-bottom:28px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;text-decoration:none;border-radius:5px;font-weight:750;font-size:1rem;text-align:center}
.btn.primary{background:#5bd5d0;color:#102e55}
.btn.primary:hover{background:#83e7e1}
.btn.secondary{border:1px solid #8baec7;color:white}
.btn.secondary:hover{background:#ffffff12}
.logo-panel{background:white;padding:24px;border-radius:8px;box-shadow:0 25px 55px #00162b55;transform:rotate(-2deg)}
.logo-panel img{display:block;width:100%;height:auto}
.stats{background:#fff;border-bottom:1px solid #e1e8ed}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:28px;padding-bottom:28px}
.stat{padding:10px 27px;border-left:1px solid #dce6ec}
.stat:first-child{border:0;padding-left:0}
.stat strong{display:block;font-size:2.1rem;line-height:1.1;color:#17466d;letter-spacing:-.04em}
.stat span{display:block;margin-top:8px;color:#577089;font-size:.9375rem}
section.content{padding:88px 0;scroll-margin-top:0}
.section-head{max-width:750px;margin-bottom:36px}
.section-head h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.18;letter-spacing:-.035em;margin:12px 0 16px;color:#153b63;overflow-wrap:break-word}
.section-head p{color:#506a80;font-size:1.0625rem;line-height:1.7}
.kicker{font-size:.875rem;font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:.1em;line-height:1.6}
.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}
.intro-grid>*{min-width:0}
.intro-copy{font-size:1.0625rem;color:#415e76;line-height:1.8;margin-top:0}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.topic{background:#fff;padding:19px 22px;border:1px solid #e1e9ee;border-left:4px solid #60c9cc;border-radius:4px;font-weight:700;color:#244968}
.program{background:#eaf1f5}
.day-controls{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0 20px}
.day-controls button{border:1px solid #b9cbd6;color:#305573;background:#fff;padding:12px 20px;min-height:48px;border-radius:5px;font-weight:700}
.day-controls button[aria-selected=true]{background:#163d66;border-color:#163d66;color:#fff}
.day-panel{background:#fff;border:1px solid #dce7ee;padding:34px;border-radius:7px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:45px;box-shadow:0 10px 30px #1a43610a}
.day-panel h3{font-size:1.55rem;line-height:1.3;margin:4px 0 12px;color:#173d64}
.day-panel p{color:#536f85;line-height:1.6}
.day-panel ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}
.day-panel li{padding:12px 0;border-bottom:1px solid #e5edf1;color:#294b66;font-weight:580}
.note{color:#536f85;font-size:.9375rem;margin-top:15px}
.student-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.student-card{background:#fff;border:1px solid #dfe8ee;padding:24px;border-radius:6px}
.student-card h3{font-size:1.125rem;line-height:1.4;color:#173d64;margin:0 0 9px}
.student-card p{margin:0;color:#587087;line-height:1.7}
.committee{background:#102f56;color:#fff}
.committee .section-head h2{color:#fff}
.committee .section-head p{color:#c0d5e5}
.committee .kicker{color:#61d4cf}
.leaders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.leader,.members{background:#ffffff0d;border:1px solid #ffffff25;border-radius:6px;padding:23px}
.leader small{display:block;color:#6ed7d2;text-transform:uppercase;letter-spacing:.07em;font-weight:800;font-size:.875rem;margin-bottom:12px}
.leader strong{display:block;font-size:1.1875rem;line-height:1.45}
.leader span{display:block;color:#bad0e0;margin-top:7px}
.members h3{margin:0 0 16px;font-size:1.125rem}
.members ul{margin:0;padding-left:20px;columns:2;column-gap:36px;line-height:1.9;color:#d4e4ee}
.members li{break-inside:avoid}
.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;align-items:center}
.city-card{background:#dce9ee;border-radius:8px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:35px;background-image:linear-gradient(150deg,#7bc5c6,#346e8a 65%,#17486f);color:#fff}
.city-card strong{font-size:2.3rem;line-height:1.3;letter-spacing:-.03em;overflow-wrap:break-word}
.city-card span{margin-top:8px}
.location-copy{line-height:1.8;color:#4d687f;font-size:1.0625rem}
.bottom{background:#fff;border-top:1px solid #dce6ed;padding:42px 0;scroll-margin-top:0}
.bottom-grid{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}
.bottom-grid>*{min-width:0}
.bottom h2{font-size:1.1875rem;margin:0 0 13px;color:#173d64}
.bottom p{color:#506a80;margin:0;max-width:600px;line-height:1.7}
.bottom p.contact{margin-top:14px}
.contact a{overflow-wrap:anywhere}
.institution{font-weight:700;color:#2c5472;line-height:1.8}
.footerline{margin-top:36px;padding-top:20px;border-top:1px solid #e3eaf0;color:#536f85;font-size:.9375rem}
@media(max-width:1080px){
  .top{gap:16px}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:16px 28px;box-shadow:0 12px 25px #0c29431f;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 75px);overflow:auto}
  .nav.open{display:flex}.nav a{padding:12px 5px;font-size:1rem}.nav .nav-cta{justify-content:center;margin-top:6px}#menu{display:flex}
  .hero-inner{grid-template-columns:1fr;gap:38px;min-height:0}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);max-width:840px}
  .logo-panel{max-width:500px;transform:none}.intro-grid,.location-grid{grid-template-columns:minmax(0,1fr);gap:28px}.intro-grid .section-head{margin-bottom:0}
  .day-panel{grid-template-columns:220px minmax(0,1fr);gap:28px}.day-panel ul{grid-template-columns:1fr}
}
@media(max-width:650px){
  :root{scroll-padding-top:85px}.top{padding:9px 16px;gap:10px}.brand img{width:54px;height:38px}.brand span{font-size:.8125rem}.brand{gap:8px}
  .header-controls{gap:7px}.languages{gap:0;padding:2px}.languages a{min-width:30px;min-height:40px;font-size:.8125rem}#menu{width:42px;height:44px}
  .nav{padding:12px 20px;max-height:calc(100dvh - 65px)}.wrap{padding:0 20px}
  .hero-inner{padding-top:48px;padding-bottom:48px;gap:32px}.hero h1{font-size:clamp(2.25rem,8.5vw,3.2rem);letter-spacing:-.025em}.hero p{font-size:1rem}.hero .date{font-size:1rem}
  .eyebrow{font-size:.8125rem;letter-spacing:.1em}.logo-panel{padding:14px}.actions .btn{flex:1 1 auto}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:14px;padding-bottom:14px}.stat{border:0;padding:16px 5px!important}.stat strong{font-size:1.75rem}
  section.content{padding:60px 0;scroll-margin-top:0}.section-head{margin-bottom:28px}.section-head h2{font-size:2rem}
  .topic-grid,.student-grid,.leaders{grid-template-columns:1fr}.day-controls{display:grid;grid-template-columns:1fr;margin-top:24px}.day-controls button{text-align:left}
  .day-panel{grid-template-columns:1fr;gap:8px;padding:22px}.members ul{columns:1}.bottom-grid{display:block}.institution{margin-top:25px}
  .city-card{min-height:220px;padding:28px}.city-card strong{font-size:2rem}.bottom{scroll-margin-top:0}
}
@media(max-width:350px){.top{padding:9px 10px;gap:6px}.brand img{width:40px}.brand span{font-size:.75rem}.brand{gap:6px}.header-controls{gap:5px}.languages a{min-width:28px}.wrap{padding-left:16px;padding-right:16px}.hero h1{font-size:2.125rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
