@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');

:root { --ink:#eef5ff; --navy:#06152d; --navy-deep:#030c1d; --blue:#0c2850; --cyan:#29b7ff; --gold:#f5cd6b; --text:#17304c; --muted:#58708a; --paper:#f4f7fb; --card:#fff; --border:#cfe0ee; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--paper); font:500 1rem/1.7 Manrope,Arial,sans-serif; }
a { color:#087cbb; text-underline-offset:.16em; }
.nav { position:fixed; inset:0 0 auto; z-index:1000; display:flex; justify-content:center; flex-wrap:wrap; gap:.3rem 1.2rem; padding:.9rem 1rem; background:rgba(3,12,29,.92); border-bottom:1px solid rgba(156,207,239,.25); backdrop-filter:blur(12px); }
.nav a { color:#dbeaf7; text-decoration:none; font:600 .8rem/1.4 Manrope,Arial,sans-serif; letter-spacing:.055em; text-transform:uppercase; }.nav a:hover,.nav a[aria-current="location"] { color:var(--gold); font-weight:800; }
.hero { position:relative; z-index:1; isolation:isolate; overflow:hidden; min-height:535px; display:flex; flex-direction:column; color:var(--ink); background:var(--navy-deep); }
.hero::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(100deg,rgba(1,10,25,.98) 3%,rgba(2,13,35,.93) 59%,rgba(2,10,28,.58)),url("flyers/assets/blueprint-backdrop.png") center/cover; }
.hero::after { content:""; position:absolute; inset:0; z-index:-1; opacity:.5; pointer-events:none; background:linear-gradient(115deg,transparent 24%,#4ebeff22 24.1%,transparent 24.4%),repeating-linear-gradient(0deg,transparent 0 58px,#52b6ff16 59px 60px); }
.hero-content { width:min(1000px,90%); margin:auto; padding:5.5rem 0 4.25rem; text-align:center; }
.eyebrow { display:flex; flex-direction:column; align-items:center; gap:.55rem; margin:0 0 1.6rem; color:#bcd7ec; font-family:"DM Mono",monospace; text-transform:uppercase; }.eyebrow-separator { display:none; }.colocated { padding:.5rem 1.15rem; color:var(--gold); border:1px solid rgba(245,205,107,.55); border-radius:999px; background:rgba(245,205,107,.09); font-size:clamp(.95rem,2.4vw,1.3rem); font-weight:700; line-height:1.3; letter-spacing:.09em; }.conference-line { max-width:760px; color:#dcecf9; font-size:clamp(.8rem,1.75vw,1.02rem); font-weight:500; line-height:1.5; letter-spacing:.06em; }
h1 { margin:0; line-height:0; }.hero-logo { width:min(560px,100%); height:auto; }.lead { max-width:700px; margin:1.35rem auto 0; color:#cde1f5; font-size:clamp(1.05rem,2vw,1.35rem); font-weight:600; line-height:1.55; }.hero-location { margin:1rem auto 0; color:#dcecf9; font:600 clamp(.78rem,1.5vw,.92rem)/1.4 "DM Mono",monospace; letter-spacing:.035em; }.hero-location span { margin-right:.55rem; color:var(--gold); font-size:.85em; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.hero-actions { display:flex; justify-content:center; gap:.8rem; flex-wrap:wrap; margin-top:2.25rem; }.button { display:inline-block; padding:.8rem 1.2rem; border:1px solid transparent; border-radius:8px; font:700 .88rem/1.2 Manrope,Arial,sans-serif; letter-spacing:0; text-decoration:none; transition:transform .18s ease,background-color .18s ease,border-color .18s ease; }.button:hover { transform:translateY(-2px); }.button.primary { color:var(--navy); background:var(--gold); box-shadow:0 8px 20px rgba(245,205,107,.18); }.button.primary:hover { background:#ffdc88; }.button.secondary { color:#eaf5ff; background:rgba(235,247,255,.08); border-color:rgba(174,215,241,.55); }.button.secondary:hover { color:var(--gold); background:rgba(235,247,255,.16); border-color:var(--gold); }
.section { position:relative; padding:5rem 0; } .section p { text-align:justify; } section { scroll-margin-top:70px; }.section.muted { color:#d5e6f6; background:var(--navy); }.section.muted::before { content:""; position:absolute; inset:0; opacity:.32; pointer-events:none; background:repeating-linear-gradient(90deg,transparent 0 110px,#55b8fb0b 111px 112px); }.container { position:relative; width:min(1120px,90%); margin:0 auto; }.two-column { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:3rem; align-items:start; }
#motivation { color:#d5e6f6; background:var(--navy); } #motivation h2 { color:#f1f7ff; }
h2 { margin:0 0 1.15rem; color:var(--navy); font-size:clamp(1.9rem,3.3vw,2.65rem); line-height:1.12; letter-spacing:-.045em; } h2::after { content:""; display:block; width:38px; height:2px; margin-top:.5rem; background:var(--gold); }.muted h2,.muted h3 { color:#f1f7ff; } h3 { margin:2rem 0 .75rem; color:var(--blue); font-size:1.05rem; }.muted a { color:#77d0ff; }
.card,.topic,.organizer-card { background:var(--card); border:1px solid var(--border); box-shadow:0 14px 30px rgba(8,39,69,.08); }.card { padding:1.6rem; border-top:3px solid var(--cyan); }.card h3 { margin-top:0; }.plain { margin:0; padding:0; list-style:none; }.plain li { margin:.7rem 0; }.plain li::before { content:"✦"; margin-right:.55rem; color:var(--cyan); font-size:.75em; }
.topic-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem 2rem; margin:1.7rem 0 0; padding:0; list-style:none; }.topic-list li { position:relative; padding-left:1.7rem; font-weight:600; line-height:1.55; }.topic-list li::before { content:"✓"; position:absolute; top:.1rem; left:0; color:#087cbb; font-size:1.15rem; font-weight:800; }
.table-wrap { overflow-x:auto; margin:1.7rem 0; border:1px solid #c4ddeb; border-radius:14px; box-shadow:0 12px 28px rgba(4,20,43,.12); } table { width:100%; border-collapse:separate; border-spacing:0; color:var(--text); background:rgba(255,255,255,.98); } th,td { padding:1.1rem 1rem; color:var(--text); text-align:left; border-bottom:1px solid #dbe8f2; vertical-align:top; } th { color:var(--ink); background:#0b315d; font:800 .78rem/1.3 Manrope,Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; } td { font-size:.92rem; font-weight:500; line-height:1.55; } tbody tr:nth-child(even) td { background:#f5f9fc; } tbody tr:hover td { background:#ebf6fd; } tr:last-child td { border-bottom:0; }
#dates { padding:3.5rem 0; }.dates { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.75rem; margin-top:1.8rem; padding-top:1.6rem; }.dates::before { content:""; position:absolute; top:1.38rem; right:10%; left:10%; height:3px; background:#54b8ed; }.dates div { position:relative; z-index:1; padding:1.25rem .8rem 1rem; color:var(--text); background:#fff; border:1px solid #cfe1ee; border-radius:10px; box-shadow:0 8px 18px rgba(13,45,77,.07); text-align:center; }.dates div::before { content:""; position:absolute; top:-.85rem; left:50%; width:20px; height:20px; border:4px solid var(--gold); border-radius:50%; background:var(--navy); box-shadow:0 0 0 5px #fff; transform:translateX(-50%); }.dates span { display:block; color:#52718a; font:700 .69rem/1.35 "DM Mono",monospace; letter-spacing:.035em; text-transform:uppercase; }.dates strong { display:block; margin-top:.5rem; color:var(--navy); font:700 1.02rem/1.3 Manrope,Arial,sans-serif; }
.people { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.5rem 0 2rem; }.people article { padding:1.1rem; }.people h3 { margin:0 0 .4rem; }.people p,.small { color:var(--muted); }.people p { margin:0; }.organizer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; margin:1.7rem 0 2rem; }.organizer-card { padding:1.5rem 1rem; text-align:center; }.organizer-photo { width:126px; height:126px; margin-bottom:.8rem; object-fit:cover; border:3px solid var(--gold); border-radius:50%; box-shadow:0 0 0 4px #f7f1df, 0 6px 16px rgba(4,20,43,.12); }.organizer-card h3 { margin:.3rem 0 .4rem; font-size:1.08rem; }.organizer-card h3 a { color:#0b315d; text-decoration:none; }.organizer-card h3 a:hover { color:#b47500; }.organizer-card p { margin:.25rem 0; color:var(--muted); font-size:.91rem; line-height:1.4; text-align:center; }.organizer-card strong { color:#c88600; }
footer { padding:1.5rem; color:#c8ddec; background:var(--navy-deep); text-align:center; font:500 .68rem/1.5 "DM Mono",monospace; letter-spacing:.05em; } footer p { margin:0; }
@media (max-width:900px) { .two-column,.people,.organizer-grid,.topic-list { grid-template-columns:1fr; } #dates .dates { grid-template-columns:repeat(2,minmax(0,1fr)); } #dates .dates::before { display:none; } #dates .dates div { padding:1rem 1rem 1rem 3rem; text-align:left; } #dates .dates div::before { top:50%; left:.9rem; transform:translateY(-50%); }.hero { min-height:520px; }.hero-content { padding:5.5rem 0 4rem; } }
@media (max-width:600px) { .nav { gap:.4rem .85rem; padding:.75rem .6rem; }.nav a { font-size:.7rem; }.eyebrow { font-size:.62rem; }.eyebrow-separator { display:none; }.eyebrow span { width:100%; }.section { padding:3.75rem 0; } #dates .dates { grid-template-columns:1fr; } }