/* ── top bar ── */
#topbar{width:100%;background:#003b5c;border-bottom:3px solid #D4AF37;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
#topbar-left{display:flex;align-items:center;gap:12px}
#topbar-left img{width:44px;height:44px;border-radius:50%}
#topbar-title{font-family:Georgia,serif;font-size:18px;font-weight:700;color:#fff}
#topbar-sub{font-size:11px;color:rgba(168,192,224,0.8);margin-top:2px}
#topbar-cta{background:#E8831A;color:#fff;font-size:12px;font-weight:700;padding:8px 18px;border-radius:6px;text-decoration:none;white-space:nowrap;letter-spacing:.03em}
#topbar-cta:hover{background:#E85025}

/* ── video wrapper ── */
#vw{width:100%;max-width:85%;background:#003b5c;margin: 0 auto;height: auto;aspect-ratio: 16 / 9;}
#vs{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;cursor:pointer}
#vc{position:absolute;inset:0;width:100%;height:100%}
#logolay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 1.4s;pointer-events:none}
#logolay img{width:36%;filter:drop-shadow(0 0 30px rgba(255,107,53,.4))}
#ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:opacity .5s;background:rgba(0,20,45,.55)}
#pbtn{width:80px;height:80px;border-radius:50%;background:#E8831A;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 32px rgba(255,107,53,.5);transition:transform .15s}
#pbtn:hover{transform:scale(1.08)}
.ott{font-family:Georgia,serif;font-size:22px;font-weight:700;color:#fff;text-align:center}
.ots{font-size:12px;color:rgba(232, 131, 26,.9);text-align:center;letter-spacing:.05em}
#cb{display:flex;align-items:center;gap:10px;padding:9px 16px;background:#060F1E}
#cpb{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:2px}
#pt{flex:1;height:4px;background:rgba(255,255,255,.1);border-radius:2px;cursor:pointer}
#pf{height:4px;background:#E8831A;border-radius:2px;width:0%;pointer-events:none}
#tc{color:rgba(255,255,255,.4);font-size:11px;min-width:82px;text-align:right}
#volrow{display:flex;align-items:center;gap:5px;margin-left:6px}
#volctr{width:54px;height:3px;background:rgba(255,255,255,.14);border-radius:2px;cursor:pointer}
#volfill{height:3px;background:rgba(232, 131, 26,.7);border-radius:2px;width:85%}
#cap{position:absolute;bottom:0;left:0;right:0;padding:8px 20px 12px;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.7))}
#ct{font-size:16px;color:#fff;text-align:center;line-height:1.65;text-shadow:0 1px 8px rgba(0,0,0,.95);min-height:36px;opacity:0;transition:opacity .5s}

/* ── info bar below video ── */
#infobar{width:100%;background:#003b5c;border-top:2px solid #D4AF37;padding:18px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.info-cell{text-align:center}
.info-label{font-size:10px;letter-spacing:.1em;color:#D4AF37;font-weight:700;text-transform:uppercase;margin-bottom:4px}
.info-value{font-size:14px;font-weight:700;color:#fff}
.info-note{font-size:11px;color:rgba(168,192,224,.7);margin-top:2px}

/* ── speakers strip ── */
/* #speakers{width:100%;background:#002030;padding:20px 24px;border-top:1px solid rgba(232, 131, 26,.2)}
#speakers h4{font-size:10px;letter-spacing:.12em;color:#D4AF37;font-weight:700;text-transform:uppercase;margin-bottom:14px;text-align:center}
#spk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.spk-card{background:#001829;border-radius:8px;padding:14px 10px;text-align:center;border-top:3px solid #E8831A}
.spk-photo{width:56px;height:56px;border-radius:50%;background:#003B5C;border:2px solid #D4AF37;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#D4AF37;font-family:Georgia,serif;letter-spacing:.02em}
.spk-name{font-size:13px;font-weight:700;color:#fff;margin-bottom:3px}
.spk-cred{font-size:11px;color:#00A9CE} */

/* ── footer ── */
/* #footer{width:100%;background:#001020;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.06)}
.foot-left{font-size:11px;color:rgba(168,192,224,.55)}
.foot-right{display:flex;gap:12px;align-items:center}
.foot-link{font-size:11px;color:#E8831A;text-decoration:none}
.foot-link:hover{text-decoration:underline}
.foot-motto{font-size:11px;color:rgba(232, 131, 26,.6);font-style:italic;font-family:Georgia,serif} */

@media(max-width:600px){
  #infobar{grid-template-columns:1fr}
  #spk-grid{grid-template-columns:repeat(2,1fr)}
  #topbar{flex-direction:column;align-items:flex-start}
}