.hubs-page{background:#edf3f6}
.hubs-page .site-header nav a[aria-current="page"]{color:var(--cyan)}
.hubs-hero{position:relative;isolation:isolate;min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:center;gap:6vw;padding:clamp(90px,10vw,150px) clamp(20px,7vw,110px);overflow:hidden;background:radial-gradient(circle at 78% 42%,rgba(0,198,239,.2),transparent 24%),linear-gradient(130deg,#000915 8%,#001a3c 58%,#002d53);color:#fff}
.hubs-hero-grid{position:absolute;inset:0;z-index:-1;opacity:.21;background-image:linear-gradient(rgba(0,198,239,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,198,239,.2) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,black 35%,black)}
.hubs-hero::after{content:"";position:absolute;right:-14vw;bottom:-36vw;z-index:-1;width:70vw;height:70vw;border:1px solid rgba(0,198,239,.25);border-radius:50%;box-shadow:0 0 0 7vw rgba(0,198,239,.03),0 0 0 14vw rgba(0,198,239,.025)}
.hubs-eyebrow,.hubs-kicker{margin:0 0 25px;color:var(--cyan);font:600 11px/1.5 var(--mono);letter-spacing:.12em}
.hubs-eyebrow span{color:var(--yellow)}
.hubs-hero h1,.hubs-intro h2{margin:0;font:800 clamp(55px,7.2vw,112px)/.86 var(--display);letter-spacing:-.075em}
.hubs-hero h1 em,.hubs-intro h2 em{color:var(--cyan);font-style:normal}
.hubs-hero-content>p:not(.hubs-eyebrow){max-width:690px;margin:34px 0;color:#b9cbd7;font-size:clamp(17px,1.5vw,21px)}
.hubs-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}
.hubs-hero-meta span{padding:10px 13px;border:1px solid #1b587c;color:#d8e5ec;font:600 10px var(--mono);letter-spacing:.07em}
.hubs-orbit{position:relative;justify-self:center;display:grid;place-items:center;width:min(350px,34vw);aspect-ratio:1;border:1px solid rgba(0,198,239,.5);border-radius:50%;box-shadow:inset 0 0 70px rgba(0,198,239,.08),0 0 70px rgba(0,198,239,.12)}
.hubs-orbit::before,.hubs-orbit::after{content:"";position:absolute;border:1px solid rgba(0,198,239,.25);border-radius:50%}.hubs-orbit::before{inset:16%}.hubs-orbit::after{inset:32%}
.hubs-orbit b{z-index:1;color:#fff;font:800 clamp(35px,5vw,70px) var(--display);letter-spacing:-.07em}
.hubs-orbit span{position:absolute;z-index:2;display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--cyan);background:#00152f;color:var(--cyan);font:700 12px var(--mono)}
.hubs-orbit span:nth-child(1){left:-10px;top:45%}.hubs-orbit span:nth-child(2){right:8%;top:3%}.hubs-orbit span:nth-child(3){right:1%;bottom:12%}
.hubs-explorer{padding:clamp(80px,9vw,135px) clamp(20px,7vw,110px)}
.hubs-intro{display:grid;grid-template-columns:1.15fr .65fr;gap:8vw;align-items:end}
.hubs-intro h2{font-size:clamp(48px,6vw,88px);color:var(--navy)}
.hubs-intro-copy p{margin:0 0 20px;color:#375268;font-size:18px}
.hubs-intro-copy small{display:block;color:#708493;font:500 11px/1.6 var(--mono)}
.hubs-controls{display:grid;grid-template-columns:auto 1fr;gap:42px;margin-top:65px;padding:25px;background:#fff;border:1px solid #c7d5de;box-shadow:0 14px 35px rgba(0,21,47,.07)}
.hubs-control-group>span{display:block;margin-bottom:11px;color:#087ca6;font:700 9px var(--mono);letter-spacing:.1em}
.hubs-day-tabs,.hubs-time-tabs{display:flex;flex-wrap:wrap;gap:8px}
.hubs-day-tabs button,.hubs-time-tabs button{min-height:48px;padding:0 18px;border:1px solid #b6c8d3;background:#f4f8fa;color:#214156;font:700 11px var(--mono);cursor:pointer;transition:.18s ease}
.hubs-day-tabs button{display:grid;grid-template-columns:auto auto;align-items:center;gap:13px}
.hubs-day-tabs small{color:#6c8392;font:600 9px var(--mono)}
.hubs-day-tabs button:hover,.hubs-time-tabs button:hover{border-color:var(--cyan2);transform:translateY(-2px)}
.hubs-day-tabs button.is-active,.hubs-time-tabs button.is-active{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:inset 0 -3px var(--cyan)}
.hubs-day-tabs button.is-active small{color:var(--cyan)}
.hubs-filters{display:grid;grid-template-columns:minmax(190px,.32fr) 1fr;gap:28px;align-items:center;margin-top:15px;padding:20px 25px;border:1px solid #174768;background:linear-gradient(110deg,#00152f,#052743);color:#fff}.hubs-filters>div:first-child{display:grid}.hubs-filters>div:first-child>span{color:var(--cyan);font:700 10px var(--mono);letter-spacing:.1em}.hubs-filters>div:first-child>small{margin-top:4px;color:#93aaba;font:500 9px/1.5 var(--mono)}.hubs-filter-pills{display:flex;flex-wrap:wrap;gap:8px}.hubs-filter-pills button{min-height:38px;padding:0 13px;border:1px solid #315974;border-radius:20px;background:rgba(0,13,32,.42);color:#c1d1db;font:700 9px var(--mono);letter-spacing:.04em;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.hubs-filter-pills button:hover{transform:translateY(-2px);border-color:var(--cyan);color:#fff}.hubs-filter-pills button.is-active{border-color:var(--cyan);background:var(--cyan);color:#00152f;box-shadow:0 0 0 3px rgba(0,198,239,.12)}
.hubs-current{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-top:55px;padding-bottom:17px;border-bottom:1px solid #9db4c2}
.hubs-current p{margin:0;color:#698291;font:600 10px var(--mono);letter-spacing:.1em}.hubs-current strong{color:var(--navy);font:800 clamp(25px,3vw,40px) var(--display)}
.rooms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px;transition:opacity .2s ease,transform .2s ease,filter .2s ease}
.hubs-time-empty{grid-column:1/-1;margin:0;padding:11px 14px;border:1px dashed #315974;color:#8faabc;font:600 9px/1.5 var(--mono);text-align:center}.hubs-no-results{grid-column:1/-1;display:grid;justify-items:center;min-height:280px;padding:56px 24px;border:1px solid #174768;background:linear-gradient(145deg,#06233d,#00152f);color:#fff;text-align:center}.hubs-no-results span{color:var(--cyan);font:700 10px var(--mono);letter-spacing:.1em}.hubs-no-results strong{margin-top:20px;font-size:clamp(24px,3vw,38px);line-height:1.12}.hubs-no-results p{max-width:620px;margin:14px 0 0;color:#9bb5c5;font-size:14px;line-height:1.6}
.rooms-grid.is-leaving{opacity:0;transform:translateX(-18px) scale(.992);filter:blur(2px)}
.rooms-grid.is-entering{animation:rooms-enter .42s cubic-bezier(.22,.8,.25,1) both}
.room-card{position:relative;min-height:490px;display:flex;flex-direction:column;padding:0 27px 27px;border:1px solid #174768;background:linear-gradient(155deg,#06233d,#00152f 72%);color:#fff;overflow:hidden;animation:room-in .42s cubic-bezier(.22,.8,.25,1) both;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.room-card:nth-child(2){animation-delay:.055s}.room-card:nth-child(3){animation-delay:.11s}.room-card:hover{transform:translateY(-6px);border-color:var(--cyan);box-shadow:0 22px 45px rgba(0,21,47,.22)}
.room-card::after{content:attr(data-room-number);position:absolute;right:-8px;top:92px;color:rgba(0,198,239,.09);font:800 145px/1 var(--display);letter-spacing:-.1em;pointer-events:none}
.room-visual{position:relative;height:145px;margin:0 -27px 24px;overflow:hidden;background-position:center;background-size:cover}
.room-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,13,32,.08),rgba(0,21,47,.94))}
.room-card[data-room-number="01"] .room-visual{background-image:url("assets/cybertrust-banner.jpg");background-position:18% 54%}
.room-card[data-room-number="02"] .room-visual{background-image:url("assets/sponsor-networking-ai.png");background-position:center 43%}
.room-card[data-room-number="03"] .room-visual{background-image:url("assets/sponsor-conference-ai.png");background-position:70% 42%}
.room-card-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:start;gap:18px;margin-top:-42px}.room-card-label{color:var(--cyan);font:700 10px var(--mono);letter-spacing:.1em}.room-card-status{padding:6px 8px;background:var(--cyan);color:#00152f;font:800 8px var(--mono);letter-spacing:.07em}
.room-card h3{position:relative;z-index:1;margin:42px 0 8px;color:#fff;font-size:clamp(26px,2.2vw,34px);line-height:1}.room-axis{position:relative;z-index:1;min-height:46px;margin:0 0 24px;color:#9bb5c5;font-size:13px}
.room-sessions{position:relative;z-index:1;display:grid;align-content:start;gap:12px;margin-top:2px}.room-session{padding:15px 8px 0;border-top:1px solid rgba(139,190,220,.25);text-align:center}.room-session strong{display:block;color:#f4f8fa;font-size:16px;line-height:1.35}.room-session span{display:block;margin-top:7px;color:#8faabc;font:600 10px/1.5 var(--mono)}
.room-card.is-empty{border-color:#29445a;background:linear-gradient(155deg,#132c40,#0a1f31 72%)}.room-card.is-empty .room-visual{filter:grayscale(1);opacity:.4}.room-card.is-empty .room-card-status{background:#566d7c;color:#e8eff3}.room-card.is-empty .room-sessions strong{color:#9cafbb}
.room-card.is-filtered-out{border-color:#263e50;background:linear-gradient(155deg,#132839,#0a1c2b 72%)}.room-card.is-filtered-out .room-visual{filter:grayscale(1);opacity:.3}.room-card.is-filtered-out .room-card-status{background:#526a79;color:#e5edf2}.room-card.is-filtered-out .room-sessions strong{color:#a0b1bc}
.hubs-help{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:62px;padding-top:28px;border-top:1px solid #c7d5de}.hubs-help>div{display:grid;grid-template-columns:44px 1fr;gap:16px}.hubs-help span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--cyan2);color:#007fa9;font:700 10px var(--mono)}.hubs-help p{margin:0;color:#647c8c;font-size:13px}.hubs-help strong{display:block;color:#1a3b50;font-size:14px}
.hubs-return{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:45px clamp(20px,7vw,110px);background:#00152f;color:#fff}.hubs-return p{margin:0;font-size:clamp(18px,2vw,26px);font-weight:700}
.agenda-hubs-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px;padding:25px 27px;background:var(--navy);color:#fff}.agenda-hubs-cta p{margin:0!important;color:#b9ccd7!important}.agenda-hubs-cta strong{display:block;margin-bottom:4px;color:#fff}.agenda-hubs-cta .button{flex:0 0 auto}
@keyframes room-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes rooms-enter{from{opacity:0;transform:translateX(22px) scale(.992);filter:blur(2px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@media(max-width:980px){.hubs-hero{grid-template-columns:1fr}.hubs-orbit{position:absolute;right:-90px;bottom:-110px;width:350px;opacity:.45}.hubs-hero-content{position:relative;z-index:2}.hubs-controls{grid-template-columns:1fr}.rooms-grid{grid-template-columns:1fr}.room-card{min-height:330px}.hubs-help{grid-template-columns:1fr}.agenda-hubs-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.hubs-hero{min-height:590px;padding-top:95px;padding-bottom:100px}.hubs-hero h1{font-size:clamp(51px,16vw,70px)}.hubs-orbit{right:-155px}.hubs-intro{grid-template-columns:1fr;gap:30px}.hubs-intro h2{font-size:50px}.hubs-controls{margin-top:44px;padding:17px;gap:26px}.hubs-day-tabs{display:grid;grid-template-columns:1fr 1fr}.hubs-day-tabs button{padding:0 11px;justify-content:center}.hubs-time-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.hubs-time-tabs button{padding:0 8px}.hubs-current{display:block;margin-top:40px}.hubs-current strong{display:block;margin-top:5px}.room-card{min-height:315px;padding:0 22px 22px}.room-card h3{margin-top:42px}.room-visual{margin-left:-22px;margin-right:-22px}.hubs-return{align-items:stretch;flex-direction:column}.hubs-return .button{width:100%}}
@media(prefers-reduced-motion:reduce){.room-card,.rooms-grid{animation:none;transition:none}.rooms-grid.is-leaving{opacity:1;transform:none;filter:none}}
@media(max-width:980px){.hubs-filters{grid-template-columns:1fr}}
@media(max-width:700px){.hubs-filters{padding:18px 17px}.hubs-filter-pills{gap:7px}.hubs-filter-pills button{flex:1 1 auto}}
