
.conf-hero {
  background: var(--navy); min-height: 100vh;
  display: flex; align-items: center;
  position: relative; overflow: hidden;
  padding: 120px 6% 80px;
}
.conf-grid-bg {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);
  background-size: 64px 64px; pointer-events: none;
}
.conf-glow-1 { position:absolute; top:-15%; right:-8%; width:65vw; height:120%; background:radial-gradient(ellipse,rgba(61,127,138,0.2) 0%,transparent 65%); pointer-events:none; }
.conf-glow-2 { position:absolute; bottom:-10%; left:-5%; width:45vw; height:70%; background:radial-gradient(ellipse,rgba(200,184,154,0.08) 0%,transparent 65%); pointer-events:none; }
.conf-watermark { position:absolute; right:-2%; bottom:-8%; font-family:"Cormorant Garamond",serif; font-size:clamp(140px,22vw,280px); font-weight:700; color:rgba(255,255,255,0.03); line-height:1; pointer-events:none; user-select:none; }
.conf-hero-inner { position:relative; z-index:2; max-width:1100px; margin:0 auto; width:100%; display:grid; grid-template-columns:1.1fr 1fr; gap:5rem; align-items:center; }
.coming-badge { display:inline-flex; align-items:center; gap:0.55rem; background:rgba(200,184,154,0.12); border:1px solid rgba(200,184,154,0.32); color:var(--sand); font-size:0.72rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; padding:0.38rem 1rem; border-radius:2px; margin-bottom:1.8rem; }
.badge-dot { width:7px; height:7px; border-radius:50%; background:var(--sand); animation:bpulse 2s infinite; }
@keyframes bpulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(1.3)} }
.conf-hero h1 { font-family:"Cormorant Garamond",serif; color:white; font-size:clamp(2.8rem,5.5vw,5rem); font-weight:700; line-height:1.08; margin-bottom:0.5rem; }
.conf-hero h1 .ya { color:var(--sand); display:block; }
.conf-tagline { font-family:"Cormorant Garamond",serif; font-size:1.4rem; font-style:italic; color:rgba(255,255,255,0.5); margin-bottom:1.5rem; }
.conf-desc { color:rgba(255,255,255,0.65); font-size:1rem; line-height:1.82; max-width:500px; margin-bottom:2.5rem; }
.conf-btns { display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }
.btn-cp { background:var(--teal); color:white; padding:0.9rem 2.2rem; border-radius:5px; font-family:"DM Sans",sans-serif; font-weight:700; font-size:0.97rem; text-decoration:none; border:none; cursor:pointer; transition:background 0.2s,transform 0.15s; display:inline-block; }
.btn-cp:hover { background:var(--teal-light); transform:translateY(-1px); }
.btn-cg { color:rgba(255,255,255,0.7); padding:0.9rem 2rem; border-radius:5px; font-family:"DM Sans",sans-serif; font-weight:500; font-size:0.97rem; text-decoration:none; border:1px solid rgba(255,255,255,0.25); transition:border-color 0.2s,color 0.2s; display:inline-block; }
.btn-cg:hover { border-color:var(--sand); color:var(--sand); }
.right-stack { display:flex; flex-direction:column; gap:1.2rem; }
.countdown-card { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:12px; padding:1.8rem 1.6rem; backdrop-filter:blur(8px); }
.cc-label { font-size:0.72rem; font-weight:700; letter-spacing:0.13em; text-transform:uppercase; color:var(--sand); margin-bottom:1.3rem; display:block; }
.cd-nums { display:grid; grid-template-columns:repeat(4,1fr); gap:0.6rem; }
.cd-unit { text-align:center; background:rgba(255,255,255,0.04); border-radius:7px; padding:0.8rem 0.4rem; border:1px solid rgba(255,255,255,0.07); }
.cd-n { font-family:"Cormorant Garamond",serif; font-size:2.2rem; font-weight:700; color:white; line-height:1; display:block; }
.cd-l { font-size:0.66rem; color:rgba(255,255,255,0.4); text-transform:uppercase; letter-spacing:0.08em; margin-top:0.3rem; display:block; }
.teaser-card { background:rgba(61,127,138,0.12); border:1px solid rgba(61,127,138,0.25); border-radius:12px; padding:1.6rem 1.5rem; }
.teaser-card h4 { font-family:"DM Sans",sans-serif; font-size:0.78rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--teal-light); margin-bottom:1rem; }
.ti { display:flex; align-items:center; gap:0.75rem; padding:0.55rem 0; border-bottom:1px solid rgba(255,255,255,0.06); font-size:0.88rem; color:rgba(255,255,255,0.7); }
.ti:last-child { border:none; }
.ti svg { width:14px; height:14px; stroke:var(--teal-light); fill:none; stroke-width:2.5; flex-shrink:0; }
/* Vision strip */
.vision-strip { background:var(--teal); padding:2rem 6%; }
.vision-strip p { color:white; font-size:1.05rem; line-height:1.65; max-width:780px; margin:0 auto; text-align:center; }
/* Expect */
.expect-section { background:white; }
.expect-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:3rem; }
.ec { background:var(--off-white); border:1px solid var(--border); border-radius:12px; padding:2.2rem 1.8rem; position:relative; overflow:hidden; transition:box-shadow 0.25s,transform 0.25s; }
.ec::after { content:""; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--teal),var(--sand)); transform:scaleX(0); transition:transform 0.3s; transform-origin:left; }
.ec:hover { box-shadow:0 10px 36px rgba(26,39,68,0.1); transform:translateY(-4px); }
.ec:hover::after { transform:scaleX(1); }
.ec-num { font-family:"Cormorant Garamond",serif; font-size:3.5rem; font-weight:700; color:rgba(26,39,68,0.07); line-height:1; margin-bottom:0.8rem; }
.ec-icon { width:44px; height:44px; border-radius:9px; background:rgba(61,127,138,0.1); display:flex; align-items:center; justify-content:center; margin-bottom:1.2rem; }
.ec-icon svg { width:20px; height:20px; stroke:var(--teal); fill:none; stroke-width:1.8; }
.ec h3 { font-size:1.15rem; margin-bottom:0.6rem; }
.ec p { color:var(--text-light); font-size:0.91rem; line-height:1.72; }
/* Topics */
.topics-section { background:var(--navy); }
.topics-section .section-title { color:white; }
.topics-section .section-label { color:var(--sand); }
.topics-section .section-intro { color:rgba(255,255,255,0.6); }
.topics-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
.tp { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.09); border-radius:8px; padding:1.4rem 1.3rem; transition:background 0.2s,border-color 0.2s; }
.tp:hover { background:rgba(255,255,255,0.09); border-color:rgba(61,127,138,0.35); }
.tp-n { font-family:"Cormorant Garamond",serif; font-size:1.8rem; font-weight:700; color:rgba(200,184,154,0.25); line-height:1; margin-bottom:0.6rem; }
.tp h4 { font-family:"DM Sans",sans-serif; font-size:0.92rem; font-weight:700; color:white; margin-bottom:0.35rem; }
.tp p { font-size:0.83rem; color:rgba(255,255,255,0.5); line-height:1.6; }
/* Who attends */
.attend-section { background:var(--off-white); }
.attend-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:2.5rem; }
.ac { background:white; border:1px solid var(--border); border-radius:9px; padding:1.5rem 1.2rem; text-align:center; transition:border-color 0.2s,box-shadow 0.2s; }
.ac:hover { border-color:var(--teal); box-shadow:0 4px 18px rgba(61,127,138,0.12); }
.ac-em { font-size:1.8rem; display:block; margin-bottom:0.7rem; }
.ac h4 { font-family:"DM Sans",sans-serif; font-size:0.88rem; font-weight:700; color:var(--navy); margin-bottom:0.3rem; }
.ac p { font-size:0.8rem; color:var(--text-light); line-height:1.5; }
/* Sponsor */
.sponsor-section { background:white; }
.sponsor-card { background:var(--navy); border-radius:14px; overflow:hidden; display:grid; grid-template-columns:1.4fr 1fr; box-shadow:0 8px 40px rgba(26,39,68,0.15); margin-top:3rem; }
.sp-left { padding:3rem 2.5rem; }
.sp-opt-tag { display:inline-block; background:rgba(61,127,138,0.25); color:var(--teal-light); font-size:0.7rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:0.28rem 0.75rem; border-radius:3px; margin-bottom:1.2rem; }
.sp-left h3 { font-family:"Cormorant Garamond",serif; font-size:1.9rem; color:white; margin-bottom:0.9rem; line-height:1.2; }
.sp-left p { color:rgba(255,255,255,0.65); font-size:0.95rem; line-height:1.8; margin-bottom:0.8rem; }
.sp-benefits { list-style:none; margin-top:1.5rem; display:grid; gap:0.7rem; }
.sp-benefits li { display:flex; gap:0.75rem; align-items:flex-start; font-size:0.88rem; color:rgba(255,255,255,0.75); padding-bottom:0.7rem; border-bottom:1px solid rgba(255,255,255,0.07); }
.sp-benefits li:last-child { border:none; }
.sp-benefits li svg { stroke:var(--teal-light); fill:none; stroke-width:2.5; flex-shrink:0; margin-top:2px; }
.sp-right { background:rgba(255,255,255,0.04); border-left:1px solid rgba(255,255,255,0.08); padding:3rem 2rem; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.sp-amt { font-family:"Cormorant Garamond",serif; font-size:3rem; font-weight:700; color:var(--sand); line-height:1; }
.sp-amt-lbl { font-size:0.73rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:rgba(255,255,255,0.4); margin-top:0.4rem; margin-bottom:1.5rem; }
.sp-note { font-size:0.87rem; color:rgba(255,255,255,0.55); line-height:1.7; margin-bottom:2rem; }
.btn-sp { background:var(--teal); color:white; padding:0.85rem 1.8rem; border-radius:5px; font-family:"DM Sans",sans-serif; font-weight:700; font-size:0.9rem; text-decoration:none; transition:background 0.2s; display:block; text-align:center; }
.btn-sp:hover { background:var(--teal-light); }
/* Interest section */
.interest-section { background:var(--off-white); }
.interest-layout { display:grid; grid-template-columns:1fr 1.5fr; gap:5rem; align-items:start; margin-top:1rem; }
.int-info h3 { font-family:"Cormorant Garamond",serif; font-size:1.8rem; color:var(--navy); margin-bottom:0.9rem; line-height:1.2; }
.int-info p { color:var(--text-light); font-size:0.97rem; line-height:1.82; margin-bottom:1rem; }
.int-types { display:grid; gap:0.9rem; margin-top:1.8rem; }
.itype { display:flex; gap:1rem; align-items:flex-start; background:white; border:1px solid var(--border); border-radius:8px; padding:1.1rem 1.2rem; }
.itype-icon { width:36px; height:36px; min-width:36px; border-radius:7px; display:flex; align-items:center; justify-content:center; }
.itype-icon svg { width:16px; height:16px; fill:none; stroke-width:2; }
.it-attend  { background:rgba(61,127,138,0.1); } .it-attend  svg { stroke:var(--teal); }
.it-speak   { background:rgba(26,39,68,0.08);  } .it-speak   svg { stroke:var(--navy); }
.it-sponsor { background:rgba(200,184,154,0.2); } .it-sponsor svg { stroke:#8a6f45; }
.it-partner { background:rgba(46,125,94,0.1);  } .it-partner svg { stroke:#2e7d5e; }
.itype h5 { font-family:"DM Sans",sans-serif; font-size:0.9rem; font-weight:700; color:var(--navy); margin-bottom:0.2rem; }
.itype p { font-size:0.83rem; color:var(--text-light); line-height:1.55; margin:0; }
/* Form */
.int-form { background:white; border-radius:12px; padding:2.5rem; border:1px solid var(--border); box-shadow:0 4px 30px rgba(26,39,68,0.07); }
.int-form h3 { font-size:1.4rem; margin-bottom:0.3rem; }
.int-form .fnote { font-size:0.85rem; color:var(--text-light); margin-bottom:1.8rem; line-height:1.6; }
.fsec { font-size:0.7rem; font-weight:700; letter-spacing:0.11em; text-transform:uppercase; color:var(--teal); display:block; margin:1.4rem 0 0.8rem; border-bottom:1px solid var(--border); padding-bottom:0.45rem; }
.int-checks { display:grid; gap:0.5rem; margin-bottom:0.3rem; }
.ichk { display:flex; align-items:center; gap:0.75rem; padding:0.75rem 1rem; background:var(--off-white); border:1.5px solid var(--border); border-radius:6px; cursor:pointer; transition:all 0.18s; font-size:0.88rem; font-family:"DM Sans",sans-serif; color:var(--text-body); }
.ichk:hover { border-color:var(--teal); background:rgba(61,127,138,0.04); }
.ichk input[type="checkbox"] { accent-color:var(--teal); width:16px; height:16px; cursor:pointer; flex-shrink:0; }
.ichk strong { color:var(--navy); }
.sub-btn { width:100%; padding:1rem; background:var(--navy); color:white; border:none; border-radius:6px; font-family:"DM Sans",sans-serif; font-size:1rem; font-weight:700; cursor:pointer; transition:background 0.2s; margin-top:1.3rem; letter-spacing:0.02em; }
.sub-btn:hover { background:var(--teal); }
.priv-note { font-size:0.76rem; color:var(--text-light); text-align:center; margin-top:0.8rem; line-height:1.55; }
.success-pane { display:none; text-align:center; padding:2.5rem 1rem; animation:fadeUp 0.45s ease both; }
.succ-ring { width:76px; height:76px; border-radius:50%; background:rgba(46,125,94,0.1); border:2px solid rgba(46,125,94,0.3); display:flex; align-items:center; justify-content:center; margin:0 auto 1.3rem; }
.succ-ring svg { width:32px; height:32px; stroke:#2e7d5e; fill:none; stroke-width:2; }
.success-pane h3 { font-size:1.5rem; color:var(--navy); margin-bottom:0.6rem; }
.success-pane p { color:var(--text-light); font-size:0.93rem; line-height:1.72; }
.back-link { display:inline-block; margin-top:1.8rem; color:var(--teal); font-weight:600; font-size:0.9rem; text-decoration:none; }
.back-link:hover { text-decoration:underline; }
@keyframes fadeUp { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }
@media(max-width:960px){
  .conf-hero-inner { grid-template-columns:1fr; gap:3rem; }
  .right-stack { display:none; }
  .expect-grid, .topics-grid { grid-template-columns:1fr 1fr; }
  .attend-grid { grid-template-columns:1fr 1fr; }
  .sponsor-card { grid-template-columns:1fr; }
  .sp-right { border-left:none; border-top:1px solid rgba(255,255,255,0.08); }
  .interest-layout { grid-template-columns:1fr; gap:2.5rem; }
}
@media(max-width:600px){
  .expect-grid, .topics-grid { grid-template-columns:1fr; }
  .int-form { padding:1.6rem; }
}
