:root {
  --navy: #071428;
  --navy-2: #0d2242;
  --blue: #2563eb;
  --cyan: #22d3ee;
  --violet: #8b5cf6;
  --gold: #f5b942;
  --ink: #182230;
  --muted: #64748b;
  --line: #dbe4f0;
  --paper: #f7f9fc;
  --white: #ffffff;
  --success: #0f766e;
  --radius: 18px;
  --shadow: 0 18px 50px rgba(15, 35, 65, .12);
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--white);
  line-height: 1.6;
}
a { color: inherit; }
img { max-width: 100%; }
button, input { font: inherit; }

.skip-link {
  position: absolute; left: -999px; top: 0; z-index: 999;
  background: #fff; padding: .75rem 1rem; color: #000;
}
.skip-link:focus { left: 1rem; top: 1rem; }

.site-header {
  position: sticky; top: 0; z-index: 1000;
  background: rgba(7,20,40,.94);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.nav-wrap {
  max-width: var(--max); margin: auto; min-height: 76px; padding: 0 22px;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: white; }
.brand-mark {
  width: 42px; height: 42px; border-radius: 13px; position: relative; overflow: hidden;
  background: linear-gradient(135deg, var(--cyan), var(--violet)); box-shadow: 0 0 30px rgba(34,211,238,.2);
}
.brand-mark::before, .brand-mark::after {
  content: ""; position: absolute; border: 1.5px solid rgba(255,255,255,.85); border-radius: 50%;
  width: 30px; height: 12px; left: 6px; top: 14px;
}
.brand-mark::before { transform: rotate(55deg); }
.brand-mark::after { transform: rotate(-55deg); }
.brand-dot { position:absolute; width:6px; height:6px; border-radius:50%; background:#fff; left:18px; top:18px; }
.brand-text strong { display: block; font-size: 1.06rem; letter-spacing: .02em; }
.brand-text span { display: block; color: #a7b8d1; font-size: .74rem; margin-top: -2px; }

.nav-links { display: flex; align-items: center; gap: 4px; }
.nav-links a {
  color: #dbe7f5; text-decoration: none; font-weight: 650; font-size: .92rem;
  padding: 11px 12px; border-radius: 10px; transition: .2s ease;
}
.nav-links a:hover, .nav-links a.active { color: white; background: rgba(255,255,255,.09); }
.nav-links .nav-cta { background: white; color: var(--navy); margin-left: 6px; }
.nav-links .nav-cta:hover { background: #e8f7ff; color: var(--navy); }
.menu-toggle { display:none; background:none; border:0; color:white; font-size:1.5rem; cursor:pointer; }

.hero {
  color: white; position: relative; overflow: hidden;
  background:
    radial-gradient(circle at 86% 16%, rgba(34,211,238,.18), transparent 26%),
    radial-gradient(circle at 72% 78%, rgba(139,92,246,.2), transparent 29%),
    linear-gradient(115deg, #061224 0%, #0d2242 62%, #122953 100%);
}
.hero::before {
  content:""; position:absolute; inset:0; opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to right, transparent 0, black 35%, black 100%);
}
.hero-inner {
  max-width: var(--max); margin:auto; padding: 92px 22px 84px;
  display:grid; grid-template-columns: 1.15fr .85fr; gap: 58px; align-items:center; position:relative;
}
.eyebrow {
  display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border-radius:999px;
  color:#c9f5ff; background:rgba(34,211,238,.1); border:1px solid rgba(34,211,238,.28);
  font-size:.82rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase;
}
.hero h1 { font-size: clamp(2.55rem, 6vw, 5.2rem); line-height:.98; margin: 22px 0 20px; letter-spacing:-.045em; max-width:800px; }
.hero h1 span { display:block; background:linear-gradient(90deg,#73e7fb,#b6a2ff); -webkit-background-clip:text; color:transparent; }
.hero-copy { font-size:1.14rem; color:#c7d5e6; max-width:720px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 18px;
  border-radius:12px; font-weight:800; text-decoration:none; border:1px solid transparent; transition:.2s ease;
}
.btn-primary { background:white; color:var(--navy); }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 12px 30px rgba(255,255,255,.12); }
.btn-ghost { border-color:rgba(255,255,255,.24); color:white; background:rgba(255,255,255,.05); }
.btn-ghost:hover { background:rgba(255,255,255,.1); }
.btn-blue { background:var(--blue); color:white; }
.btn-blue:hover { filter:brightness(1.07); transform:translateY(-1px); }

.quantum-card {
  position:relative; min-height:390px; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.14); border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 26px 80px rgba(0,0,0,.24);
}
.orbit { position:absolute; border:1px solid rgba(150,230,255,.5); border-radius:50%; width:290px; height:110px; }
.orbit.o1 { transform:rotate(24deg); }
.orbit.o2 { transform:rotate(-36deg); }
.orbit.o3 { transform:rotate(78deg); }
.core { width:76px; height:76px; border-radius:50%; background:radial-gradient(circle at 34% 32%,#fff 0 7%,#70e8ff 8% 28%,#6a55e7 65%,#231b68); box-shadow:0 0 46px rgba(34,211,238,.6); }
.qdot { position:absolute; width:13px; height:13px; border-radius:50%; background:#fff; box-shadow:0 0 20px #7dd3fc; }
.q1{transform:translate(130px,-34px)} .q2{transform:translate(-94px,80px)} .q3{transform:translate(-42px,-116px)}
.quantum-label { position:absolute; bottom:26px; left:28px; right:28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); display:flex; justify-content:space-between; color:#b9cae0; font-size:.86rem; }
.quantum-label strong { color:white; display:block; font-size:1rem; }

.info-strip { background:#0a1c37; color:white; border-top:1px solid rgba(255,255,255,.08); }
.info-grid { max-width:var(--max); margin:auto; padding:22px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.info-item { display:flex; gap:12px; align-items:flex-start; }
.info-icon { width:38px;height:38px;border-radius:10px;background:rgba(34,211,238,.11);display:grid;place-items:center;color:#76e4f7;flex:0 0 auto; }
.info-item small{display:block;color:#8ea5c1;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.7rem}.info-item strong{display:block;margin-top:2px}

.section { padding:82px 22px; }
.section.alt { background:var(--paper); }
.container { max-width:var(--max); margin:auto; }
.section-head { display:flex; justify-content:space-between; gap:36px; align-items:end; margin-bottom:34px; }
.kicker { color:var(--blue); text-transform:uppercase; letter-spacing:.09em; font-size:.78rem; font-weight:850; }
h2 { font-size:clamp(2rem,4vw,3.3rem); line-height:1.08; letter-spacing:-.035em; margin:.45rem 0 0; }
.section-head p { max-width:560px;color:var(--muted);margin:0; }

.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.card { border:1px solid var(--line); border-radius:var(--radius); padding:25px; background:white; box-shadow:0 7px 26px rgba(15,35,65,.05); }
.card h3 { margin:14px 0 8px; font-size:1.18rem; }
.card p { color:var(--muted); margin:0; }
.icon-box { width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-weight:900; }

.feature-band { display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center; }
.feature-panel { background:linear-gradient(145deg,#0d2242,#122f5e); color:white; padding:38px;border-radius:24px;position:relative;overflow:hidden; }
.feature-panel::after { content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(34,211,238,.1);right:-40px;top:-60px; }
.feature-panel h3{font-size:1.8rem;margin:.25rem 0 1rem}.feature-panel p{color:#c7d5e6}
.feature-list { list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.feature-list li{display:flex;gap:10px;align-items:flex-start}.check{color:#7ee7f7;font-weight:900}

.timeline { display:grid; gap:14px; }
.timeline-row { display:grid;grid-template-columns:128px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line); }
.timeline-row:last-child{border-bottom:0}.timeline-time{font-weight:850;color:var(--blue)}.timeline-row h3{margin:0 0 4px;font-size:1.03rem}.timeline-row p{margin:0;color:var(--muted)}

.notice { padding:16px 18px;border-left:4px solid var(--gold);background:#fff9e9;border-radius:10px;color:#6d5313; }
.badge { display:inline-block;padding:5px 9px;border-radius:999px;background:#e8f8f5;color:var(--success);font-size:.75rem;font-weight:850; }

.speaker-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:18px; }
.speaker { border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white; }
.speaker-art { height:175px;background:linear-gradient(135deg,#e7f6ff,#ede9fe);display:grid;place-items:center; }
.avatar { width:86px;height:86px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#6d5ce7);display:grid;place-items:center;color:white;font-size:1.45rem;font-weight:900;box-shadow:0 12px 28px rgba(74,85,220,.2); }
.speaker-body { padding:18px; }.speaker h3{margin:0 0 4px}.speaker p{margin:0;color:var(--muted);font-size:.9rem}.speaker .talk{margin-top:12px;color:#36445a;font-size:.88rem}

.cta-band { background:linear-gradient(115deg,#0b1d39,#13376a); color:white; border-radius:26px; padding:42px; display:flex;justify-content:space-between;gap:30px;align-items:center; }
.cta-band p{color:#c7d5e6;max-width:650px;margin:8px 0 0}.cta-band h2{margin:0;font-size:2.25rem}

.page-hero { background:linear-gradient(115deg,#071428,#102d58);color:white;padding:72px 22px 58px; }
.page-hero .container{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.page-hero h1{font-size:clamp(2.4rem,5vw,4.3rem);letter-spacing:-.045em;line-height:1;margin:14px 0}.page-hero p{color:#c4d1e2;max-width:740px;margin:0}.page-tag{color:#85e7f5;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}

.two-col { display:grid;grid-template-columns:1fr 1fr;gap:26px; }
.content-card { background:white;border:1px solid var(--line);border-radius:18px;padding:28px; }
.content-card h3{margin-top:0}.content-card p:last-child{margin-bottom:0}

.contact-list { list-style:none;padding:0;margin:0;display:grid;gap:8px; }
.contact-list a{color:var(--blue);text-decoration:none}.contact-list a:hover{text-decoration:underline}

footer { background:#061224;color:#c6d2e2;padding:48px 22px 30px; }
.footer-grid { max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px; }
footer h4{color:white;margin:0 0 10px}footer a{display:block;color:#aebed2;text-decoration:none;margin:7px 0}footer a:hover{color:white}.footer-brand p{max-width:410px;color:#9eafc5}.copyright{max-width:var(--max);margin:30px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:.84rem;color:#8498b2;display:flex;justify-content:space-between;gap:20px}

.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:white}.program-table{border-collapse:collapse;width:100%;min-width:760px}.program-table th,.program-table td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.program-table th{background:#eff5fc;color:#2b3b52;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}.program-table tr:last-child td{border-bottom:0}.session-row td{background:#f8fbff;font-weight:800;color:#17345e}.break-row td{color:#6d7686;font-style:italic;background:#fbfcfe}

.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:7px 11px;background:#eef3fb;border-radius:999px;color:#41516a;font-size:.82rem;font-weight:750}

@media (max-width: 980px) {
  .hero-inner,.feature-band,.page-hero .container{grid-template-columns:1fr}.quantum-card{min-height:310px}.card-grid{grid-template-columns:1fr 1fr}.speaker-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-links{position:absolute;left:0;right:0;top:76px;background:#071428;padding:14px 22px 22px;display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links.open{display:flex}.nav-links a{padding:12px 14px}.nav-links .nav-cta{margin:4px 0 0;text-align:center}.menu-toggle{display:block}.section-head{align-items:start;flex-direction:column;gap:12px}.info-grid{grid-template-columns:1fr;gap:14px}.cta-band{align-items:flex-start;flex-direction:column}.two-col{grid-template-columns:1fr}
}
@media (max-width: 620px) {
  .brand-text span{display:none}.hero-inner{padding-top:68px}.hero h1{font-size:2.7rem}.card-grid,.speaker-grid,.footer-grid{grid-template-columns:1fr}.section{padding:62px 18px}.nav-wrap{padding:0 18px}.timeline-row{grid-template-columns:1fr;gap:3px}.cta-band{padding:28px}.copyright{flex-direction:column}.quantum-card{min-height:280px}.orbit{width:220px;height:84px}.q1{transform:translate(98px,-27px)}.q2{transform:translate(-74px,61px)}.q3{transform:translate(-34px,-88px)}
}
