*{box-sizing:border-box}html,body{margin:0;background:#02080d;color:#f7fbff;font-family:Inter,Segoe UI,Arial,sans-serif}body{min-width:1180px}.app{display:grid;grid-template-columns:146px minmax(690px,876px) 514px;grid-template-rows:964px 60px;max-width:1536px;margin:auto;background:radial-gradient(circle at 60% 15%,#062234,#02080d 48%);overflow:hidden}.sidebar{grid-row:1;padding:22px 0 14px;background:linear-gradient(180deg,#06111b,#020a11);border-right:1px solid #173244}.brand{height:164px;padding:0 20px}.mark,.miniMark{font-size:58px;line-height:65px;transform:rotate(45deg);color:#43d788;text-shadow:15px -4px #0ca8ff,30px -8px #ffc62f}.brand b{display:block;margin-top:8px;font-size:13px;line-height:18px}.sidebar nav a{height:51px;display:flex;align-items:center;gap:15px;color:#e8f2f8;text-decoration:none;padding:0 18px;border-left:3px solid transparent;font-size:12px}.sidebar nav a i{font-style:normal;font-size:20px;width:20px}.sidebar nav a b{margin-left:auto}.sidebar nav a.active{background:linear-gradient(90deg,#0b536b99,#102131aa);border-left-color:#52e8ff;border-radius:0 12px 12px 0}.social{position:absolute;top:674px;width:146px;padding:0 20px;color:#c9d7e1;font-size:12px}.social small{display:block;margin-top:16px;color:#7892a5}.main{position:relative;border-right:1px solid #173244}.top{position:absolute;z-index:5;right:30px;top:20px;display:flex;gap:10px;align-items:center}.top button,.lang{border:1px solid #24475e;background:#06121caa;color:white;height:42px}.round{width:42px;border-radius:50%;font-size:25px}.lang{border-radius:24px;display:flex;align-items:center;padding:4px;gap:5px}.lang b,.lang span{padding:8px 13px;border-radius:18px;font-size:12px}.lang b{background:#163348}.register{border:0!important;border-radius:24px!important;padding:0 26px!important;background:linear-gradient(110deg,#26cfff,#6dff7c)!important;color:#001018!important;font-weight:800}.hero{height:570px;position:relative;overflow:hidden}.stage{position:absolute;inset:0;background-image:url('../assets/mockup-reference.png');background-size:1536px 1024px;background-position:-146px 0}.heroShade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(1,6,10,.05) 42%,#02090f 98%)}.heroCopy{position:absolute;z-index:2;left:90px;right:30px;top:275px;text-align:center}.eyebrow{font-size:12px;letter-spacing:7px;color:#b8d0e1}.heroCopy h1{font-size:45px;line-height:49px;margin:13px 0 8px;font-weight:900}.heroCopy p{font-size:18px;margin:0 0 20px}.meta{font-size:14px}.actions{display:flex;justify-content:center;align-items:center;margin-top:19px;gap:12px}.primary{border:0;border-radius:28px;padding:15px 31px;font-weight:800;background:linear-gradient(110deg,#1fc8ff,#62ff77)}.play{margin-left:130px;width:54px;height:54px;border-radius:50%;background:#07131ca8;border:2px solid #d9f4ff;color:#fff;font-size:20px}.actions span{text-align:left;font-size:12px}.stats{height:112px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0 20px}.stats div{border:1px solid #183448;background:linear-gradient(145deg,#0a1721,#07121a);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center}.stats i{font-size:23px;color:#a9ddff;font-style:normal}.stats b{font-size:17px;margin-top:5px}.stats span{font-size:12px;margin-top:4px}.speakers{padding:22px 20px}.sectionTitle{display:flex;align-items:center;justify-content:space-between}.sectionTitle h2{font-size:18px;margin:0 0 14px}.sectionTitle span{font-size:11px;color:#d8e5ec}.speakerGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.speakerGrid article{position:relative;height:173px;border-radius:8px;overflow:hidden;border:1px solid #203b4b;background:#09131b}.avatar{height:130px;background:linear-gradient(150deg,#c9d5dd,#546d7d 45%,#0d202c);display:flex;align-items:center;justify-content:center}.avatar span{width:72px;height:72px;border-radius:50%;background:#d6b09b;color:#15212a;display:grid;place-items:center;font-size:22px;font-weight:700;box-shadow:0 25px 0 -12px #172b37}.a1{background:linear-gradient(150deg,#b6bfc5,#6c8799,#192a36)}.a2{background:linear-gradient(150deg,#e0c0a9,#aa775f,#1c2b32)}.a3{background:linear-gradient(150deg,#bdc8c7,#537a67,#182b2a)}.a4{background:linear-gradient(150deg,#d4d9da,#8a979d,#20313a)}.speakerGrid article>b,.speakerGrid article small{position:absolute;left:10px;bottom:27px;font-size:11px}.speakerGrid article small{bottom:10px;font-size:9px;color:#c8d2d8}.speakerGrid article em{position:absolute;right:8px;bottom:8px;background:#0787d3;border-radius:2px;padding:2px;color:#fff;font-style:normal;font-size:10px}.right{position:relative;padding:42px 12px 0;background:#02080d}.close{position:absolute;right:14px;top:8px;border:0;background:none;color:white;font-size:26px}.video{height:284px;position:relative;border-radius:12px;overflow:hidden;border:1px solid #0d2b3d}.videoImg{position:absolute;inset:0;background-image:url('../assets/mockup-reference.png');background-size:1536px 1024px;background-position:-1028px -43px}.videoText{position:absolute;left:25px;top:50px;font-size:27px;line-height:29px}.videoText button{position:absolute;left:180px;top:56px;width:70px;height:70px;border-radius:50%;border:2px solid white;background:#071019aa;color:#fff;font-size:28px}.controls{position:absolute;left:12px;right:12px;bottom:12px;font-size:11px}.quick,.partners{margin-top:18px}.quick h2{font-size:16px}.quickGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quickGrid button{height:98px;border:1px solid #2b4656;border-radius:12px;background:linear-gradient(145deg,#10202a,#0a141d);color:#fff}.quickGrid i{display:block;font-size:27px;color:#65f59b;font-style:normal;margin-bottom:12px}.quickGrid button:nth-child(2) i{color:#ffd326}.quickGrid button:nth-child(3) i{color:#bd69ff}.quickGrid button:nth-child(4) i{color:#f0ef28}.quickGrid span{font-size:11px}.qr{height:136px;margin-top:16px;border:1px solid #314553;border-radius:12px;background:linear-gradient(115deg,#102430,#34414a,#1c242b);display:grid;grid-template-columns:108px 1fr 90px;align-items:center;padding:10px 14px;overflow:hidden}.fakeqr{width:91px;height:91px;background:white;color:#000;font-size:75px;display:grid;place-items:center;line-height:1}.qr h3{font-size:16px;margin:0 0 8px}.qr p{font-size:10px;line-height:19px;margin:0}.phone{font-size:80px;transform:rotate(7deg);position:relative}.phone small{position:absolute;font-size:7px;left:25px;top:36px;transform:rotate(-7deg)}.partners{border-top:1px solid #18303d;padding-top:12px}.partnerGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.partnerGrid div{height:45px;border:1px solid #17384a;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:13px;background:#071019}.follow{height:114px;margin-top:24px;border:1px solid #205069;border-radius:12px;display:flex;align-items:center;padding:12px;overflow:hidden;background:radial-gradient(circle at 85%,#036b8b,#06131d 55%)}.miniMark{font-size:38px;width:85px}.follow b{font-size:13px}.follow small{display:block;color:#a9bdca;font-size:9px;margin-top:5px}.follow p{font-size:16px;margin:9px 0}.globe{margin-left:auto;font-size:85px;color:#28dfff;text-shadow:0 0 20px #16d9ff}footer{grid-column:1/4;border-top:1px solid #183342;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 22px;font-size:10px;color:#8ea2b0}footer span:nth-child(2){text-align:center}footer span:last-child{text-align:right}
@media(max-width:1200px){body{min-width:0}.app{display:block;max-width:none;overflow:visible}.sidebar{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;padding:0 12px}.brand{height:auto;width:130px;padding:0}.brand .mark{display:none}.brand b{margin:0;font-size:10px;line-height:12px}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{height:64px;padding:0 12px;white-space:nowrap}.sidebar nav a i,.social{display:none}.main{border:0}.top{top:76px}.hero{height:570px}.stage{background-position:center top;background-size:cover}.right{padding:24px 16px}.close{display:none}.videoImg{background-position:right top;background-size:cover}.app footer{display:flex;gap:20px;justify-content:space-between;height:60px}.speakerGrid{overflow:auto;grid-template-columns:repeat(5,150px)}}
.sidebar nav a b{opacity:0}.sidebar nav a.active b{opacity:1}.sidebar nav a{transition:.25s ease}.sidebar nav a:hover{background:#0b2635}.quickGrid button{cursor:pointer;transition:.25s}.quickGrid button:hover{transform:translateY(-3px);border-color:#4ccfee}.right{transition:.3s}.right.collapsed{opacity:.18;transform:translateX(470px)}
.dashboardPage{min-height:964px;padding:120px 28px 35px;background:radial-gradient(circle at 75% 0,#0b3852 0,transparent 32%),linear-gradient(180deg,#06131d,#02090f 70%);overflow:auto}.pageHero{padding:15px 10px 34px;border-bottom:1px solid #173747}.pageKicker{font-size:11px;letter-spacing:5px;color:#61dfff}.pageHero h1{font-size:46px;margin:12px 0 8px}.pageHero>p{max-width:650px;color:#b8cad6;font-size:16px;line-height:1.6}.crumb{font-size:10px;color:#728b9c;margin-top:24px}.pageContent{padding-top:28px}.dashCards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dashCards article,.resourceGrid article,.partnerPage article{border:1px solid #1b3b4d;border-radius:14px;background:linear-gradient(145deg,#0c1b25,#071119);padding:24px;min-height:190px}.dashCards article>span{color:#55e8ff;font-size:12px;letter-spacing:3px}.dashCards h3{font-size:21px}.dashCards p,.partnerPage p,.resourceGrid p{color:#9db0bd;font-size:13px;line-height:1.6}.dashSpeakerGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.dashSpeakerGrid article{border:1px solid #1d3c4c;border-radius:12px;background:#08131b;overflow:hidden}.dashSpeakerGrid .avatar{height:150px}.dashSpeakerGrid h3,.dashSpeakerGrid p{margin:12px 13px 0}.dashSpeakerGrid p{color:#8fa8b7;font-size:11px}.dashSpeakerGrid button,.partnerPage button,.resourceGrid button{margin:14px 13px 15px;background:none;border:0;color:#63dfff;cursor:pointer}.dayTabs{display:flex;gap:10px;margin-bottom:16px}.dayTabs button{padding:12px 18px;border:1px solid #214355;background:#08141d;color:#b9cad5;border-radius:24px}.dayTabs .on{background:#153b4d;color:white;border-color:#53dfff}.agenda{display:grid;gap:9px}.agenda article{display:grid;grid-template-columns:90px 1fr 40px;align-items:center;padding:14px 18px;border:1px solid #183849;border-radius:11px;background:#07131c}.agenda time{color:#62e6ff;font-weight:700}.agenda h3{margin:0;font-size:15px}.agenda p{margin:5px 0 0;color:#829aaa;font-size:11px}.agenda button{border:0;background:none;color:white;font-size:20px}.streamHero{height:350px;border:1px solid #1d4a61;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0d6687,#06131d 50%,#02090f);position:relative}.liveBadge{position:absolute;left:18px;top:18px;background:#d92936;padding:7px 10px;border-radius:5px;font-size:10px}.bigPlay{width:76px;height:76px;border:2px solid white;border-radius:50%;display:grid;place-items:center;font-size:28px}.streamHero h2{margin:20px 0 4px}.streamHero p{margin:0;color:#9db3c1}.streamRows article{margin-top:10px;padding:16px;border:1px solid #183849;border-radius:10px}.streamRows span{float:right;color:#63e9ff}.galleryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.galleryTile{height:170px;border:1px solid #245166;border-radius:13px;background:radial-gradient(circle at 60% 20%,#0c7aaa,#092435 40%,#06121b);color:white;text-align:left;padding:18px;display:flex;flex-direction:column;justify-content:flex-end}.galleryTile:nth-child(2n){background:radial-gradient(circle at 30% 40%,#225f72,#10202b 50%,#071019)}.galleryTile span{font-size:9px;letter-spacing:2px;color:#66e6ff}.galleryTile b{font-size:16px;margin-top:5px}.partnerPage{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.partnerPage article div{height:70px;display:grid;place-items:center;font-size:22px;font-weight:800;border-bottom:1px solid #173747}.resourceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resourceGrid article i{font-size:34px;color:#61e5ff;font-style:normal}.resourceGrid article h3{margin-bottom:5px}.contactLayout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contactInfo,form{border:1px solid #1b3c4d;border-radius:15px;padding:25px;background:#07131b}.contactInfo>p{color:#9db0bd;line-height:1.6}.contactInfo>div{border-top:1px solid #173544;padding:15px 0;display:flex;flex-direction:column;gap:5px}.contactInfo span{color:#8fa6b5;font-size:12px}form label{display:block;font-size:11px;margin-bottom:15px;color:#b9cbd6}form input,form textarea{display:block;width:100%;margin-top:7px;background:#041018;border:1px solid #244657;border-radius:8px;color:white;padding:12px}form textarea{height:110px;resize:none}.appModal{position:fixed;z-index:100;inset:0;background:#000b;backdrop-filter:blur(8px);display:grid;place-items:center}.appModal>div{width:min(460px,90vw);padding:34px;border:1px solid #2d5a70;border-radius:18px;background:linear-gradient(145deg,#0c202c,#061019);box-shadow:0 30px 80px #000;position:relative}.appModal span{font-size:9px;letter-spacing:3px;color:#59e5ff}.appModal h2{font-size:28px}.appModal p{color:#a8bdc9;line-height:1.6}.modalX{position:absolute;right:14px;top:10px;background:none;border:0;color:white;font-size:24px}.appModal .primary{margin-top:8px}.lang{cursor:pointer}.lang.en span{background:#163348}.lang.en b{background:transparent}.register,.round,.play{cursor:pointer}
@media(max-width:1200px){.dashboardPage{min-height:700px;padding-top:110px}.dashSpeakerGrid,.resourceGrid,.partnerPage{grid-template-columns:repeat(2,1fr)}.dashCards{grid-template-columns:1fr}.contactLayout{grid-template-columns:1fr}.right.collapsed{display:none}}
/* ===== v3 · Full-screen responsive component system ===== */
:root{--sidebar:clamp(116px,9.5vw,156px);--right:clamp(360px,32.5vw,520px);--line:#18394b;--panel:#08141d;--panel2:#0b1b26;--cyan:#4ce6ff;--green:#62f58d;--radius:14px;--gap:clamp(10px,1vw,18px)}
html,body{width:100%;min-height:100%;overflow-x:hidden}body{min-width:0}.app{width:100%;max-width:none;min-height:100vh;margin:0;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--right);grid-template-rows:minmax(964px,1fr) 60px;overflow:visible}.sidebar{min-width:0}.main{min-width:0}.right{min-width:0}.brand{height:176px;padding:18px 14px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.brand img{width:min(96px,82%);height:78px;object-fit:contain;object-position:left center}.brand b{font-size:clamp(9px,.8vw,13px);line-height:1.35;letter-spacing:.02em}.brand b span{color:#6eeaff;font-weight:500}.mark{display:none}.sidebar nav a{padding-inline:clamp(10px,1.1vw,18px);font-size:clamp(9px,.78vw,12px)}.sidebar nav a i{font-size:clamp(17px,1.4vw,21px);flex:0 0 20px}.social{top:auto;bottom:235px;width:var(--sidebar);padding-inline:clamp(10px,1.2vw,20px)}
.hero{height:clamp(500px,55.7vw,610px)}.stage{background-size:cover;background-position:center top}.heroCopy{left:clamp(20px,5vw,90px);right:clamp(20px,2vw,36px);top:clamp(250px,28vw,310px)}.heroCopy h1{font-size:clamp(32px,3.05vw,48px);line-height:1.07}.heroCopy p{font-size:clamp(14px,1.25vw,19px)}.eyebrow{font-size:clamp(9px,.78vw,12px);letter-spacing:clamp(3px,.45vw,7px)}.play{margin-left:clamp(20px,8vw,130px)}.stats{height:auto;min-height:112px;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap);padding-inline:clamp(12px,1.5vw,24px)}.stats div{min-width:0;padding:14px 7px;text-align:center}.stats b{font-size:clamp(13px,1.1vw,18px)}.stats span{font-size:clamp(9px,.78vw,12px)}.speakers{padding:clamp(18px,1.5vw,24px)}.speakerGrid{gap:var(--gap)}.speakerGrid article{height:clamp(155px,11.4vw,184px)}.avatar{height:75%}
.right{padding:42px clamp(10px,1vw,16px) 18px}.video{height:clamp(240px,18.5vw,300px)}.videoImg{background-size:cover;background-position:center}.quickGrid{gap:var(--gap)}.quickGrid button{height:clamp(82px,6.4vw,104px);padding:8px}.qr{grid-template-columns:minmax(80px,108px) 1fr minmax(62px,90px)}.partnerGrid div{min-width:0}.partnerLogo{padding:5px;text-align:center;font-size:clamp(8px,.75vw,12px);color:#8fa7b5;letter-spacing:.08em}.partnerLogo img{display:block;width:100%;height:34px;object-fit:contain}.partnerLogo.real{background:#f6f8f9}.partnerLogo.real:nth-child(2){background:#fff}.miniMark{transform:none;text-shadow:none;width:88px}.miniMark img{width:70px;height:70px;object-fit:contain}.follow{margin-top:clamp(14px,1.5vw,24px)}
button,a,.stats>div,.speakerGrid article,.partnerGrid>div,.dashCards article,.resourceGrid article,.partnerPage article{transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.stats>div:hover,.speakerGrid article:hover,.partnerGrid>div:hover,.dashCards article:hover,.resourceGrid article:hover,.partnerPage article:hover{transform:translateY(-2px);border-color:#3c718b;box-shadow:0 12px 30px #0004}.primary:hover,.register:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2be6c344}.quickGrid button:hover{box-shadow:0 10px 30px #0006}.dashboardPage{min-height:100%;padding:clamp(95px,8vw,125px) clamp(18px,2.2vw,38px) 42px}.pageHero h1{font-size:clamp(34px,3.3vw,52px)}.dashCards{grid-template-columns:repeat(3,minmax(0,1fr))}.dashSpeakerGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.resourceGrid,.partnerPage{grid-template-columns:repeat(3,minmax(0,1fr))}.galleryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.contactLayout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
/* Every visual block remains independently editable through its own class. */
@media(max-width:1360px){:root{--right:390px;--sidebar:128px}.speakerGrid{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}.heroCopy{top:270px}.right{font-size:95%}.qr{grid-template-columns:86px 1fr 64px}.fakeqr{width:74px;height:74px;font-size:60px}.phone{font-size:60px}.dashSpeakerGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.app{display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto auto 56px}.sidebar{grid-column:1;grid-row:1/3;position:sticky;top:0;height:100vh;z-index:30;display:block;padding:12px 0}.brand{height:118px;padding:4px 8px;align-items:center}.brand img{width:64px;height:62px}.brand b{display:none}.sidebar nav{display:block;overflow:visible}.sidebar nav a{height:56px;padding:0;justify-content:center;border-left:0;border-right:3px solid transparent;border-radius:0}.sidebar nav a.active{border-left:0;border-right-color:var(--cyan);border-radius:10px 0 0 10px}.sidebar nav a i{display:block;text-align:center}.sidebar nav a span,.sidebar nav a b,.social{display:none}.main{grid-column:2;grid-row:1;border:0}.right{grid-column:2;grid-row:2;padding:24px 18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.right>.video,.right>.quick,.right>.partners,.right>.follow{margin:0}.right>.video{height:310px}.right>.quick{grid-column:2}.right>.partners,.right>.follow{grid-column:auto}.close{display:none}.app footer{grid-column:1/3;grid-row:3;display:flex;height:56px;gap:15px}.top{top:18px}.hero{height:590px}.stage{background-size:cover}.heroCopy{top:290px}.dashboardPage{padding-top:100px}.dashCards{grid-template-columns:repeat(2,minmax(0,1fr))}.resourceGrid,.partnerPage{grid-template-columns:repeat(2,minmax(0,1fr))}.galleryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.app{display:block}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;height:70px;padding:0 6px;background:#04101af2;backdrop-filter:blur(18px);border-top:1px solid #214457;z-index:50}.brand{display:none}.sidebar nav{height:70px;display:grid;grid-template-columns:repeat(9,1fr);overflow-x:auto}.sidebar nav a{height:70px;min-width:58px;border:0!important;border-top:2px solid transparent!important;border-radius:0!important;display:flex;flex-direction:column;gap:4px;justify-content:center}.sidebar nav a.active{border-top-color:var(--cyan)!important;background:#0a2735}.sidebar nav a i{font-size:18px}.sidebar nav a span{display:block;font-size:8px;max-width:60px;text-align:center;white-space:normal}.main{width:100%}.right{display:block;padding:18px 12px 88px}.right>*{margin-top:16px!important}.right>.video{height:250px}.top{right:12px;top:12px}.round{display:none}.register{padding:0 16px!important}.hero{height:640px}.heroCopy{left:14px;right:14px;top:285px}.heroCopy h1{font-size:34px}.meta{font-size:11px;line-height:1.8}.actions{flex-wrap:wrap}.play{margin-left:0}.stats{grid-template-columns:repeat(2,1fr);padding:0 12px;gap:9px}.stats div{min-height:94px}.speakers{padding:20px 12px 30px}.speakerGrid{grid-template-columns:repeat(5,150px);overflow-x:auto}.quickGrid{grid-template-columns:repeat(2,1fr)}.qr{grid-template-columns:82px 1fr}.phone{display:none}.partnerGrid{grid-template-columns:repeat(2,1fr)}footer{display:none!important}.dashboardPage{padding:88px 14px 95px}.pageHero h1{font-size:36px}.dashCards,.dashSpeakerGrid,.resourceGrid,.partnerPage,.galleryGrid,.contactLayout{grid-template-columns:1fr}.agenda article{grid-template-columns:58px 1fr 32px}.streamHero{min-height:300px}.appModal>div{width:calc(100vw - 24px);padding:28px 20px}}
@media(max-width:430px){.lang{display:none}.register{height:38px!important;font-size:11px}.heroCopy{top:270px}.heroCopy h1{font-size:30px}.heroCopy p{font-size:14px}.primary{padding:13px 20px}.videoText{left:18px;font-size:22px;line-height:24px}.videoText button{left:150px;width:58px;height:58px}.qr h3{font-size:14px}.follow{height:auto;min-height:105px}.miniMark{width:64px}.miniMark img{width:52px;height:52px}}
.partnerPageLogo{height:86px;border:1px solid #1c3c4c;border-radius:10px;display:grid!important;place-items:center!important;font-weight:800;letter-spacing:.08em;color:#8ca4b2;background:#061019}.partnerPageLogo.withImage{background:#fff;padding:10px}.partnerPageLogo img{width:100%;height:64px;object-fit:contain}
/* v4 — fullscreen, icon system, individually editable modules */
.uiIcon{display:inline-grid;place-items:center;width:1em;height:1em}.uiIcon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.socialIcons{display:flex;gap:7px;flex-wrap:wrap}.socialIcons a{width:25px;height:25px;border:1px solid #294656;border-radius:50%;display:grid;place-items:center;color:#dceaf2;font-weight:700;font-size:10px}.socialIcons a:hover{border-color:#58e6ff;color:#58e6ff}
@media(min-width:1101px){html,body{height:100%;overflow:hidden}.app{height:100dvh;min-height:0;grid-template-rows:minmax(0,1fr) 42px}.sidebar,.main,.right{height:auto;min-height:0;overflow:hidden}.brand{height:15.8vh;min-height:125px}.brand img{height:7.3vh;min-height:58px}.sidebar nav a{height:4.9vh;min-height:39px}.social{bottom:5.4vh}.hero{height:55.2vh;min-height:0}.heroCopy{top:auto;bottom:3.5vh}.heroCopy h1{font-size:clamp(30px,2.85vw,44px);line-height:1.02;margin:8px 0 5px}.heroCopy p{margin-bottom:12px}.actions{margin-top:12px}.stats{height:10.8vh;min-height:86px;padding-top:0}.stats div{padding:8px 5px}.stats i{font-size:22px}.stats .uiIcon{font-size:24px}.speakers{height:calc(34vh - 42px);padding-top:1.5vh;padding-bottom:1vh;overflow:hidden}.sectionTitle h2{margin-bottom:1vh}.speakerGrid article{height:16.8vh;min-height:128px}.avatar{height:74%}.right{padding-top:4vh;padding-bottom:1vh;display:flex;flex-direction:column;gap:1.25vh}.right>.video,.right>.quick,.right>.partners,.right>.follow{margin-top:0}.video{height:27.6vh;min-height:210px;flex:0 0 auto}.quick h2{font-size:15px;margin:.6vh 0 1vh}.quickGrid button{height:8.9vh;min-height:70px}.quickGrid i{font-size:24px;margin-bottom:5px}.quickGrid .uiIcon{font-size:28px}.qr{height:12.9vh;min-height:98px;margin-top:1.2vh;padding:8px 12px}.fakeqr{width:8vh;height:8vh;min-width:62px;min-height:62px;font-size:6vh}.qr h3{font-size:13px;margin:0 0 4px}.qr p{font-size:9px;line-height:1.45}.phone{font-size:6vh}.partners{flex:0 0 auto}.partners .sectionTitle h2{margin:0 0 .8vh}.partnerGrid{gap:6px}.partnerGrid div{height:4.3vh;min-height:34px}.follow{height:10.7vh;min-height:80px;padding:1vh 1.2vw}.followText b{font-size:12px}.followText span{font-size:9px}.miniMark img{width:5.2vh;height:5.2vh}.app footer{height:42px}.dashboardPage{height:100%;min-height:0;overflow:hidden;padding-top:9vh;padding-bottom:2vh}.close{display:none!important}}
.sidebar nav a i{display:grid;place-items:center}.sidebar nav a i .uiIcon{font-size:21px}.stats i .uiIcon{color:#a9ddff}.quickGrid i .uiIcon{display:inline-grid}.quickGrid button:nth-child(1) i{color:#65f59b}.quickGrid button:nth-child(2) i{color:#ffd326}.quickGrid button:nth-child(3) i{color:#c278ff}.quickGrid button:nth-child(4) i{color:#e8ee37}
/* v5 — premium icon system: Lucide + Font Awesome Brands */
.uiIcon{display:inline-grid;place-items:center;width:1em;height:1em;vertical-align:-.14em}.uiIcon>svg,[data-lucide]{width:1em;height:1em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.sidebar nav a i{width:34px;height:34px;border:1px solid #264a5f;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#0b1e2a,#06121b);color:#bdefff;box-shadow:inset 0 1px 0 #ffffff0b}.sidebar nav a i .uiIcon{font-size:19px}.sidebar nav a:hover i,.sidebar nav a.active i{color:#63efff;border-color:#4bdced99;background:linear-gradient(145deg,#103244,#0a1c28);box-shadow:0 0 18px #27dfff20,inset 0 1px 0 #ffffff16}.sidebar nav a b{display:grid;place-items:center;color:#7edff4}.sidebar nav a b .uiIcon{font-size:14px}.stats i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center!important;background:#0b2431;border:1px solid #25566c;color:#7eeaff!important;box-shadow:0 0 18px #24cfff12}.stats i .uiIcon{font-size:22px}.stats>div:nth-child(2) i{color:#65e99b!important}.stats>div:nth-child(3) i{color:#d493ff!important}.stats>div:nth-child(4) i{color:#ffd84c!important}.stats>div:nth-child(5) i{color:#71b7ff!important}.stats>div:nth-child(6) i{color:#65f0d4!important}.quickGrid button{position:relative;overflow:hidden}.quickGrid button:after{content:"";position:absolute;inset:auto 12px 0;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.25}.quickGrid i{width:42px;height:42px;margin:0 auto 7px!important;border-radius:12px;display:grid!important;place-items:center;background:#07131b;border:1px solid currentColor;box-shadow:0 0 20px color-mix(in srgb,currentColor 18%,transparent)}.quickGrid i .uiIcon{font-size:24px}.moreLink,.register,.primary,.resourceGrid button,.partnerPage button{display:inline-flex;align-items:center;gap:7px}.moreLink svg,.register svg,.primary svg,.resourceGrid button svg,.partnerPage button svg{width:15px;height:15px}.round{display:grid;place-items:center}.round svg{width:19px;height:19px}.play{display:grid;place-items:center}.play svg{width:22px;height:22px;fill:currentColor}.videoText button{display:grid;place-items:center}.videoText button svg{width:28px;height:28px;fill:#fff}.controls{display:flex;align-items:center;gap:8px}.controls svg{width:14px;height:14px}.controlLine{height:2px;flex:1;background:linear-gradient(90deg,#fff 48%,#78909c88 48%);border-radius:4px}.fakeqr{font-size:inherit}.fakeqr svg{width:76%;height:76%;stroke-width:1.8}.qr p{display:grid;gap:3px}.qr p span{display:flex;align-items:center;gap:6px}.qr p svg{width:12px;height:12px;color:#cfefff}.phone{display:grid;place-items:center;transform:rotate(7deg)}.phone>svg{width:64px;height:84px}.followSocial{display:flex;gap:7px}.followSocial i,.socialIcons a{width:27px;height:27px;border:1px solid #2a5267;border-radius:50%;display:grid;place-items:center;color:#e7f7ff;background:#07141d}.followSocial i:hover,.socialIcons a:hover{color:#65efff;border-color:#65efff;box-shadow:0 0 15px #2bdfff33}.globe{display:grid;place-items:center}.globe svg{width:70px;height:70px;stroke-width:1.35}.resourceGrid article>i{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#0b2532;border:1px solid #285a70;color:#67e9ff}.resourceGrid article>i .uiIcon{font-size:25px}.contactInfo b{display:flex;align-items:center;gap:8px}.contactInfo b .uiIcon{color:#62eaff;font-size:17px}.crumb{display:flex;align-items:center;gap:7px}.crumb .uiIcon{font-size:12px;color:#56dff6}.bigPlay{display:grid;place-items:center}.bigPlay .uiIcon{font-size:34px}.bigPlay svg{fill:currentColor}.agenda article button{display:grid;place-items:center}.agenda article button .uiIcon{font-size:18px}footer span:last-child{display:flex;align-items:center;justify-content:flex-end;gap:6px}footer svg{width:13px;height:13px}
.socialIcons a{font-size:0}.socialIcons a:nth-child(1):before{content:"\f39e";font:900 12px/1 "Font Awesome 6 Brands"}.socialIcons a:nth-child(2):before{content:"\f0e1";font:900 12px/1 "Font Awesome 6 Brands"}.socialIcons a:nth-child(3):before{content:"\f167";font:900 12px/1 "Font Awesome 6 Brands"}.socialIcons a:nth-child(4):before{content:"\e07b";font:900 12px/1 "Font Awesome 6 Brands"}
@media(max-width:1100px){.sidebar nav a i{width:38px;height:38px}.sidebar nav a.active i{box-shadow:0 0 18px #28e8ff2c}}
@media(max-width:760px){.sidebar nav a i{width:30px;height:30px;border-radius:9px}.sidebar nav a i .uiIcon{font-size:17px}}
/* v6 — premium proportion & typography refinement */
:root{
--font-ui:"Manrope","Aptos","Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;
--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;
--line:#1d4052;--cyan:#65ecff;--surface:#08151e;--surface2:#0b1c27;
}
html,body,button,input,textarea,select{font-family:var(--font-ui);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
body{letter-spacing:-.012em}.heroCopy h1,.pageHero h1{letter-spacing:-.045em}.eyebrow,.pageKicker{letter-spacing:.32em}.brand b{letter-spacing:.025em}
button,a{font-family:inherit}.register,.primary{letter-spacing:-.01em}
/* Every circular control is geometrically locked: never flex-shrinks into an oval. */
.round,.play,.videoText button,.socialIcons a,.followSocial i{
aspect-ratio:1/1!important;flex:0 0 auto!important;min-width:0;min-height:0;padding:0!important;border-radius:999px!important;
}
.round{width:42px!important;height:42px!important}.play{width:54px!important;height:54px!important}.videoText button{width:70px!important;height:70px!important}
.socialIcons a,.followSocial i{width:27px!important;height:27px!important}
/* Square icon tiles also keep their intended proportions. */
.sidebar nav a i,.stats i,.quickGrid i,.resourceGrid article>i{aspect-ratio:1/1;flex:0 0 auto}
.sidebar nav a i{width:34px;height:34px}.stats i{width:36px;height:36px}.quickGrid i{width:42px;height:42px}.resourceGrid article>i{width:48px;height:48px}
.uiIcon,.uiIcon>svg,[data-lucide]{aspect-ratio:1/1;flex:0 0 auto}
/* More refined surfaces and hierarchy */
.sidebar nav a,.stats>div,.quickGrid button,.speakerGrid article,.video,.qr,.partnerGrid>div,.follow{transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,background .24s ease,box-shadow .24s ease}
.stats>div,.quickGrid button,.speakerGrid article,.video,.qr,.follow{border-color:color-mix(in srgb,var(--line) 90%,white 5%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 34px rgba(0,0,0,.13)}
.quickGrid button:hover,.speakerGrid article:hover{transform:translateY(-2px);border-color:#3c7188;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 32px rgba(0,0,0,.22)}
.sidebar nav a{font-weight:560}.stats b{font-weight:760;letter-spacing:-.025em}.stats span,.speakerGrid article small,.qr p,.follow small{font-weight:450}.sectionTitle h2,.quick h2{font-weight:760;letter-spacing:-.025em}
/* Desktop: true viewport fit with proportional three-column layout. */
@media(min-width:1101px){
body{min-width:1101px}.app{width:100vw;max-width:none;height:100dvh;grid-template-columns:clamp(132px,9.5vw,154px) minmax(0,1.72fr) minmax(390px,.98fr);grid-template-rows:minmax(0,1fr) clamp(36px,4.1vh,44px)}
.sidebar{min-width:0}.main,.right{min-width:0}
.brand{padding-left:clamp(14px,1.25vw,22px);padding-right:clamp(12px,1.1vw,20px)}
.sidebar nav a{padding:0 clamp(10px,1.15vw,18px);gap:clamp(8px,.8vw,14px)}
.heroCopy{left:clamp(38px,5vw,90px);right:clamp(20px,2vw,34px)}
.heroCopy h1{font-size:clamp(31px,2.7vw,46px);line-height:1.04}
.stats{gap:clamp(7px,.7vw,11px);padding-inline:clamp(12px,1.3vw,22px)}
.speakers{padding-inline:clamp(12px,1.3vw,22px)}
.speakerGrid{gap:clamp(8px,1vw,17px)}
.right{padding-left:clamp(10px,.85vw,14px);padding-right:clamp(10px,.85vw,14px)}
.quickGrid{gap:clamp(6px,.65vw,10px)}
.partnerGrid{gap:clamp(5px,.5vw,8px)}
}
@media(max-width:760px){
.round{width:38px!important;height:38px!important}.play{width:50px!important;height:50px!important}.videoText button{width:58px!important;height:58px!important}
.sidebar nav a i{width:30px;height:30px}.heroCopy h1{letter-spacing:-.04em}
}
/* v8 — requested BOHN interface updates */
:root{--font-ui:"Exo 2","Segoe UI Variable","Segoe UI",system-ui,sans-serif}
html,body,button,input,textarea,select{font-family:var(--font-ui)!important}
@media(min-width:1101px){
.app{grid-template-columns:clamp(168px,11.2vw,182px) minmax(0,1.72fr) minmax(390px,.98fr)}
.sidebar{position:relative}
.sidebar nav a{padding-left:14px;padding-right:12px;gap:9px;font-size:11px}
.sidebar nav a span{min-width:0;flex:1;line-height:1.15}
.sidebar nav a b{width:18px;min-width:18px;opacity:.42!important;transition:.2s ease}
.sidebar nav a:hover b,.sidebar nav a.active b{opacity:1!important;color:#69edff;transform:translateX(2px)}
.social{width:100%;padding:0 22px;top:auto;bottom:28px}
.socialIcons{display:grid!important;grid-template-columns:repeat(2,30px);grid-auto-rows:30px;gap:9px;width:max-content}
.socialIcons a{width:30px!important;height:30px!important;border-radius:50%!important}
.dashboardPage{height:100%;min-height:0;overflow-y:auto!important;overflow-x:hidden;scrollbar-gutter:stable;padding-bottom:80px}
.dashboardPage::-webkit-scrollbar{width:8px}.dashboardPage::-webkit-scrollbar-thumb{background:#24546a;border-radius:10px}.dashboardPage::-webkit-scrollbar-track{background:#06111a}
}
.partnerGrid{grid-template-columns:repeat(5,1fr);max-height:151px;overflow-y:auto;padding-right:3px}.partnerGrid div{min-width:0;text-align:center;padding:4px;font-size:10px}.partnerGrid img{max-width:90%;max-height:32px;object-fit:contain}
.partnerPage{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding-bottom:25px}.partnerPage article{min-height:170px}
.registrationModal>div{width:min(760px,92vw)!important;max-height:88vh;overflow:auto}.registrationForm{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.registrationForm label{display:grid;gap:7px;font-size:12px;color:#bcd0dc}.registrationForm input,.registrationForm select{width:100%;height:46px;border:1px solid #285064;border-radius:11px;background:#07151f;color:#fff;padding:0 13px;outline:none}.registrationForm input:focus,.registrationForm select:focus{border-color:#5deaff;box-shadow:0 0 0 3px #39dfff12}.registrationForm .full{grid-column:1/-1}.registrationForm .check{display:flex;align-items:center}.registrationForm .check input{width:18px;height:18px}.registrationForm button{justify-self:start}
.partnerContacts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.partnerContacts button{min-height:110px;border:1px solid #285064;border-radius:14px;background:linear-gradient(145deg,#0b202c,#07131c);color:#fff;display:grid;place-items:center;gap:4px;padding:14px;cursor:pointer}.partnerContacts button .uiIcon{font-size:25px;color:#67eaff}.partnerContacts button b{font-size:13px}.partnerContacts button small{font-size:10px;color:#8fa8b7}.partnerInfo{cursor:pointer}
footer{grid-template-columns:1.25fr .65fr 1.5fr!important}footer strong{color:#d9f8ff;font-weight:700}footer span:last-child{line-height:1.25}
@media(max-width:760px){.registrationForm{grid-template-columns:1fr}.registrationForm .full{grid-column:auto}.partnerContacts{grid-template-columns:1fr}.partnerPage{grid-template-columns:1fr!important}}
/* v9 — integrated 5th Annual Conference artwork + refined social controls */
.stage{background-image:url('../assets/conference-cover-2026.png')!important;background-size:cover!important;background-position:center center!important;filter:saturate(.96) contrast(1.02)}
.heroShade{background:linear-gradient(180deg,rgba(2,8,13,.02) 0%,rgba(2,8,13,.02) 52%,rgba(2,8,13,.38) 72%,#02090f 99%)!important;pointer-events:none}
.hero:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:150px;background:linear-gradient(180deg,rgba(2,9,15,0),rgba(2,9,15,.7) 58%,#02090f 100%);pointer-events:none}
/* The artwork already contains the event title/date; keep dashboard controls uncluttered. */
.heroCopy{display:none!important}
.socialIcons a{display:grid!important;place-items:center!important;aspect-ratio:1/1!important;padding:0!important;line-height:1!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.14);background:#0b1a25;color:#fff;text-decoration:none;font-weight:700;font-size:13px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 7px 18px rgba(0,0,0,.18);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.socialIcons a:hover{transform:translateY(-2px);border-color:#5eeaff;box-shadow:0 8px 22px rgba(32,210,255,.16)}
.socialIcons a:nth-child(1){background:linear-gradient(145deg,#1877f2,#0d56bd)}
.socialIcons a:nth-child(2){background:linear-gradient(145deg,#0a66c2,#084b8d);font-size:11px}
.socialIcons a:nth-child(3){background:linear-gradient(145deg,#ff2020,#c60000);font-size:11px}
.socialIcons a:nth-child(4){background:linear-gradient(145deg,#20242b,#050607)}
.videoImg{background-image:url('../assets/event-video-thumbnail.png')!important;background-size:cover!important;background-position:center!important}
.video:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,15,.66),rgba(2,9,15,.08) 58%,rgba(2,9,15,.18));pointer-events:none}
.videoText,.controls{z-index:2}
.followSocial{display:flex;gap:8px;align-items:center}.followSocial i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.09);font-size:12px}
/* v10 precision update */
html,body{font-family:'Exo 2',Inter,'Segoe UI',sans-serif}
.sidebar nav a{font-size:14pt;line-height:1.15;gap:12px;padding-left:14px;padding-right:12px}
.sidebar nav a span{white-space:nowrap;letter-spacing:-.25px}
.sidebar nav a i{flex:0 0 20px}
.hero{height:329px;background:#07131c}
.stage{inset:0;background-image:url('../assets/conference-cover-2026.png');background-size:contain;background-repeat:no-repeat;background-position:center top}
.heroShade{background:linear-gradient(180deg,transparent 70%,rgba(2,9,15,.2) 84%,#02090f 100%)}
.heroCopy{display:none}
.sidebarControls{position:absolute;top:680px;left:10px;width:126px;display:grid;gap:10px}
.sidebarControls button{width:126px;min-height:54px;border:1px solid #24475e;border-radius:15px;background:linear-gradient(145deg,#0c2230,#07131d);color:#eef9ff;display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:6px;padding:7px 8px;cursor:pointer;box-shadow:0 8px 24px #0005;transition:.25s ease}
.sidebarControls button:hover{transform:translateY(-2px);border-color:#4ccfee;background:linear-gradient(145deg,#103148,#091a26)}
.controlIcon,.flagBG{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#31d8ff,#68ef85);color:#032033;font-size:11px;font-weight:800}
.flagBG{background:linear-gradient(#fff 0 33%,#239b55 33% 66%,#d93c45 66%);color:#07131d;text-shadow:0 1px 2px #fff}
.controlText{text-align:left;min-width:0}.controlText b{display:block;font-size:11px}.controlText small{display:block;font-size:8px;color:#9db5c5;margin-top:2px}.endIcon{width:15px}
body.light{background:#eaf4f8;color:#0a2940}body.light .app{background:#eaf4f8}body.light .sidebar{background:linear-gradient(180deg,#f7fbfd,#dcecf3);border-color:#c5dae4}body.light .sidebar nav a{color:#153b55}body.light .sidebar nav a.active{background:linear-gradient(90deg,#c5ecf5,#eef8fb);color:#073e5d}body.light .main,body.light .right{background:#edf7fa;color:#0b2c43}body.light .stats div,body.light .quickGrid button,body.light .partnerGrid div{background:#fff;color:#12384f;border-color:#c8dfe8}body.light .speakers,body.light .partners{color:#12384f}body.light footer{background:#e4f0f5;color:#486779;border-color:#bfd6e1}
.qr{grid-template-columns:108px 1fr 118px;position:relative}
.phonePro{width:74px;height:126px;margin-left:14px;border-radius:15px;background:linear-gradient(145deg,#7c8d9c,#101820 38%,#05090c);border:2px solid #aab8c2;transform:rotate(7deg);position:relative;box-shadow:-10px 12px 22px #0008,inset 0 0 0 2px #1e2930;overflow:hidden}
.phonePro:after{content:'';position:absolute;inset:5px;border-radius:11px;border:1px solid #2c4d62;pointer-events:none}.dynamicIsland{position:absolute;top:8px;left:25px;width:25px;height:7px;border-radius:8px;background:#000;z-index:3}.cameraCluster{position:absolute;top:8px;left:7px;width:19px;height:23px;z-index:4}.cameraCluster i{position:absolute;width:7px;height:7px;border:1px solid #8295a4;background:#08131b;border-radius:50%}.cameraCluster i:nth-child(2){left:9px}.cameraCluster i:nth-child(3){left:4px;top:9px}.phoneScreen{position:absolute;inset:6px;border-radius:10px;background:radial-gradient(circle at 50% 75%,#174b58,#071a2a 58%,#02070b);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.phoneScreen img{width:33px;max-height:35px;object-fit:contain;filter:drop-shadow(0 0 6px #fff3)}.phoneScreen b{font-size:6px;margin-top:5px}.phoneScreen small{font-size:5px;color:#80e8ff;margin-top:2px}
.follow{background:radial-gradient(circle at 80%,#063c5a,#06131d 62%);position:relative}.planetGraphic{margin-left:auto;width:130px;height:105px;position:relative;display:grid;place-items:center}.planetGlow{position:absolute;width:82px;height:82px;border-radius:50%;background:#29dfff44;filter:blur(15px)}.planetCore{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#61e9ff,#087ca5 35%,#06405c 65%,#021b2c);box-shadow:inset -12px -10px 20px #001926,0 0 22px #28dfff88;border:1px solid #7ff3ff88;z-index:2}.planetCore svg{width:52px;height:52px;color:#c9fbff;stroke-width:1.2}.orbit{position:absolute;width:118px;height:38px;border:1px solid #72efff99;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 9px #37ddff66}.o2{transform:rotate(34deg);width:108px;height:34px}.planetLeaf{position:absolute;right:9px;top:8px;color:#79f29b;width:25px;height:25px;z-index:4;filter:drop-shadow(0 0 7px #65ff91)}
@media(max-width:1200px){.hero{height:min(37.5vw,500px)}.stage{background-size:contain;background-position:center top}.sidebarControls{display:none}.sidebar nav a{font-size:12px}}
/* v11 — 12pt navigation + intuitive theme/language segmented switches */
@media(min-width:1101px){
.sidebar nav a{font-size:12pt!important;line-height:1.18!important}
}
.sidebarControls{top:auto!important;bottom:78px!important;left:12px!important;width:calc(100% - 24px)!important;gap:9px!important}
.sidebarControls button{width:100%!important;min-height:58px!important;grid-template-columns:64px minmax(0,1fr)!important;gap:9px!important;padding:7px 8px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(16,39,53,.96),rgba(5,18,27,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 25px rgba(0,0,0,.28)!important}
.sidebarControls button:hover{transform:translateY(-1px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 28px rgba(0,0,0,.34),0 0 0 1px rgba(77,221,255,.15)!important}
.switchTrack,.langTrack{position:relative;width:64px;height:32px;border-radius:18px;display:grid;align-items:center;background:#031019;border:1px solid #2a5369;box-shadow:inset 0 2px 8px rgba(0,0,0,.5);overflow:hidden}
.switchTrack{grid-template-columns:1fr 1fr}.switchTrack>svg{width:13px;height:13px;z-index:1;justify-self:center;color:#7f9cac}.trackSun{color:#ffc94b!important}.trackMoon{color:#9edcff!important}
.switchThumb{position:absolute;z-index:2;left:3px;top:3px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff6c8,#ffd35a);color:#6b4d00;box-shadow:0 3px 9px rgba(0,0,0,.4);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease}
.switchThumb svg{width:13px;height:13px}.themeToggle.isDark .switchThumb{transform:translateX(32px);background:linear-gradient(145deg,#bcecff,#58aee8);color:#073858}.themeToggle.isDark .switchThumb svg{display:none}.themeToggle.isDark .switchThumb:after{content:'☾';font-size:17px;line-height:1}
.langTrack{grid-template-columns:1fr 1fr;color:#87a7ba;font-size:9px;font-weight:800;text-align:center}.langThumb{position:absolute!important;z-index:2;left:3px;top:3px;width:27px;height:24px;border-radius:13px;display:grid!important;place-items:center;background:linear-gradient(145deg,#fff,#e7f4fa);color:#0b4564!important;font-size:9px!important;box-shadow:0 3px 9px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.sideLang.en .langThumb{transform:translateX(30px)}
.switchLabel{text-align:left;min-width:0}.switchLabel b{display:block;font-size:10px;line-height:1.1;white-space:nowrap}.switchLabel small{display:block;margin-top:4px;font-size:8px;color:#7898aa;text-transform:uppercase;letter-spacing:.08em}
body.light .sidebarControls button{background:linear-gradient(145deg,#fff,#e5f1f6)!important;color:#153b55!important;border-color:#b7d2df!important;box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(44,91,115,.12)!important}body.light .switchTrack,body.light .langTrack{background:#d8e8ef;border-color:#a9c8d7}body.light .switchLabel small{color:#638396}
@media(max-width:1200px){.sidebar nav a{font-size:12pt!important}}
/* v12 — 4:5 conference artwork integrated as the hero focal visual */
.hero{isolation:isolate;background:#07131c url('../assets/conference-cover-2026.png') center 42%/cover no-repeat!important}
.hero:before{content:"";position:absolute;inset:-18px;z-index:0;background:inherit;filter:blur(24px) saturate(.82) brightness(.56);transform:scale(1.07);opacity:.72;pointer-events:none}
.stage{z-index:1;inset:0!important;background-image:url('../assets/conference-cover-2026.png')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important;filter:none!important}
.heroShade{z-index:2!important;background:linear-gradient(180deg,rgba(2,8,13,.02) 0%,rgba(2,8,13,.01) 60%,rgba(2,9,15,.34) 82%,#02090f 100%)!important}
.hero:after{z-index:3!important;height:118px!important;background:linear-gradient(180deg,rgba(2,9,15,0),rgba(2,9,15,.62) 58%,#02090f 100%)!important}
@media(min-width:1101px){.hero{height:55.2vh!important;min-height:0!important}}
/* v14 — compact 11pt sidebar navigation + event phone graphic */
.sidebar nav a{font-size:11pt!important;line-height:1.15!important;gap:9px!important;padding-left:12px!important;padding-right:10px!important}
.sidebar nav a span{white-space:nowrap;overflow:visible;text-overflow:clip;letter-spacing:-.2px}
.sidebar nav a b{width:16px;min-width:16px;margin-left:auto;opacity:.55!important}
.qr{background-image:linear-gradient(90deg,rgba(2,10,17,.04),rgba(2,10,17,.02)),url('../assets/qr-phone-banner.png')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;padding:0!important;display:block!important;border-color:#28576d!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.2)!important}
.qr>.fakeqr,.qr>div:not(.phonePro),.qr>.phonePro{display:none!important}
@media(max-width:1200px){.sidebar nav a{font-size:11pt!important}}
/* v15 — Conference OS refinement */
:root{--ease-premium:cubic-bezier(.2,.8,.2,1)}
.hero{height:clamp(390px,48vh,500px)!important;border-bottom:1px solid rgba(86,222,255,.13)}
.hero:after{height:92px!important;background:linear-gradient(180deg,transparent,rgba(2,9,15,.38) 50%,#02090f 100%)!important}
.stats{height:104px;padding-top:8px;padding-bottom:8px}
.stats div{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(11,29,40,.94),rgba(5,16,24,.96));border-color:#17394b}
.stats div:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.035),transparent);transform:translateX(-120%);transition:.7s var(--ease-premium)}
.stats div:hover:before{transform:translateX(120%)}
.stats div:hover{transform:translateY(-2px);border-color:#3d8aa5}
.speakers{padding-top:14px;padding-bottom:18px}
.speakerGrid article{height:190px;border-radius:12px;background:linear-gradient(180deg,#0b1821,#071018);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.speakerGrid article:hover{transform:translateY(-4px);border-color:#3da7c6;box-shadow:0 16px 38px rgba(0,0,0,.28)}
.avatar{height:137px}.speakerGrid article>b{bottom:31px;font-size:11px}.speakerGrid article small{bottom:12px}
.sidebar nav a{height:48px!important;font-size:11pt!important}.sidebar nav a i{width:31px!important;height:31px!important;border-radius:9px!important}.sidebar nav a b{display:grid;place-items:center}
.sidebar nav a.active{box-shadow:inset 0 0 28px rgba(48,214,255,.08)}
.right{padding-top:26px}.video{height:245px}.quick,.partners{margin-top:13px}.quickGrid button{height:84px}.qr{height:124px;margin-top:12px}.partnerGrid div{height:39px}.follow{height:96px;margin-top:14px}
/* conference status strip */
.conferenceNow{margin:0 20px 8px;border:1px solid #1c5369;border-radius:13px;min-height:58px;padding:9px 13px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:linear-gradient(100deg,rgba(6,39,51,.96),rgba(7,22,32,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.livePill{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#8ef8c0}.liveDot{width:8px;height:8px;border-radius:50%;background:#65f58d;box-shadow:0 0 0 5px rgba(101,245,141,.09),0 0 13px #65f58d;animation:pulseLive 2s infinite}
.conferenceNow h3{font-size:12px;margin:0 0 2px}.conferenceNow p{font-size:9px;color:#9eb5c3;margin:0}.conferenceNow button{border:1px solid #2c718a;background:#0b2b39;color:#eafaff;border-radius:18px;padding:8px 12px;font-size:9px;font-weight:700;cursor:pointer}
@keyframes pulseLive{50%{box-shadow:0 0 0 9px rgba(101,245,141,0),0 0 20px #65f58d}}
/* Dual Screen / contextual panel */
.dualPanel{position:fixed;z-index:80;top:18px;right:18px;bottom:18px;width:min(420px,36vw);transform:translateX(calc(100% + 30px));transition:transform .42s var(--ease-premium);background:linear-gradient(160deg,rgba(11,30,42,.985),rgba(3,12,19,.99));border:1px solid #24576c;border-radius:20px;box-shadow:-28px 0 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px);overflow:hidden}.dualPanel.open{transform:none}.dualHead{height:68px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #173b4d}.dualHead span{font-size:9px;letter-spacing:.16em;color:#65eaff}.dualHead button{width:34px;height:34px;border-radius:50%;border:1px solid #2c596d;background:#081720;color:#fff;cursor:pointer}.dualBody{padding:20px;height:calc(100% - 68px);overflow:auto}.dualBody h2{font-size:26px;line-height:1.05;margin:6px 0 10px}.dualBody>p{color:#a9bdc9;font-size:12px;line-height:1.65}.dualVisual{height:180px;border-radius:16px;margin:16px 0;background:linear-gradient(135deg,#0a4660,#092231 55%,#0c604a);position:relative;overflow:hidden;display:grid;place-items:center}.dualVisual:before{content:"";width:150px;height:150px;border-radius:50%;border:1px solid #61ecff66;box-shadow:0 0 50px #27dfff33,inset 0 0 50px #31e7ff22}.dualVisual svg{position:absolute;width:70px;height:70px;color:#83f4ff;stroke-width:1}.dualFacts{display:grid;gap:8px}.dualFacts div{padding:12px;border:1px solid #173b4d;border-radius:12px;background:#07141d}.dualFacts b{display:block;font-size:11px}.dualFacts small{color:#8fa8b6;font-size:9px}
/* right side hierarchy */
.right section{border-color:#173b4d}.right .sectionTitle h2,.quick h2{font-size:15px}.partnerLogo{font-size:10px!important}.follow{background:linear-gradient(100deg,#07141d,#06334b 70%,#07536b)}
.planetGraphic{transform:scale(.84);transform-origin:right center}.planetCore{animation:planetBreath 5s ease-in-out infinite}.orbit{animation:orbitFloat 8s ease-in-out infinite}.o2{animation-delay:-3s}@keyframes planetBreath{50%{box-shadow:inset -12px -10px 20px #001926,0 0 34px #28dfffaa}}@keyframes orbitFloat{50%{opacity:.55;filter:brightness(1.3)}}
body.light .conferenceNow{background:linear-gradient(100deg,#fff,#e7f5f9);border-color:#b9dbe6;color:#12384f}body.light .conferenceNow p{color:#59798a}body.light .dualPanel{background:rgba(244,251,253,.98);color:#12384f;border-color:#b9dbe6}body.light .dualHead{border-color:#c7e0e8}body.light .dualFacts div{background:#fff;border-color:#c7e0e8}
@media(max-width:1200px){.conferenceNow{margin:8px 16px}.dualPanel{width:min(92vw,420px)}.right{padding-top:20px}}
/* v16 — compact navigation, cleaner home balance and complete light/dark system */
.sidebar nav a{font-size:10.5pt!important;line-height:1.08!important;height:46px!important;gap:8px!important;padding-left:11px!important;padding-right:8px!important}
.sidebar nav a>span{white-space:normal!important;overflow:visible!important;display:flex;align-items:center;min-width:0;max-width:66px;line-height:1.08}
.sidebar nav a[data-page="materials"]>span{max-width:62px}
.sidebar nav a i{width:29px!important;height:29px!important}.sidebar nav a i .uiIcon{font-size:17px!important}.sidebar nav a b{width:13px!important;min-width:13px!important}.sidebar nav a b .uiIcon{font-size:12px!important}
.moreButton{border:0;background:transparent;color:#d8e5ec;font:inherit;font-size:11px;cursor:pointer;padding:5px 0}.moreButton:hover{color:#63efff}
.partners{padding-top:14px!important}.partners .sectionTitle{margin-bottom:10px!important}.partners .sectionTitle h2{margin-bottom:0!important}.partnerGrid{margin-top:3px}
.right>.follow{margin-top:auto!important;min-height:108px!important;flex:1 1 108px;max-height:138px}
/* Conference Mode strip intentionally disabled in v16. Dual Screen remains available contextually. */
.conferenceNow{display:none!important}
/* Theme tokens applied consistently across home, sub-pages, overlays and active states */
body.light .heroShade{background:linear-gradient(180deg,rgba(238,248,251,.01) 0%,rgba(238,248,251,.02) 64%,rgba(237,247,250,.48) 84%,#edf7fa 100%)!important}
body.light .hero:after{background:linear-gradient(180deg,transparent,rgba(237,247,250,.28) 50%,#edf7fa 100%)!important}
body.light .top button:not(.register),body.light .lang{background:#ffffffdd!important;color:#12384f!important;border-color:#b8d4df!important}
body.light .lang b{background:#d9eef5!important;color:#073e5d!important}
body.light .sidebar nav a i{background:linear-gradient(145deg,#fff,#e6f2f6)!important;color:#24617d!important;border-color:#b9d5e0!important;box-shadow:inset 0 1px 0 #fff!important}
body.light .sidebar nav a:hover i,body.light .sidebar nav a.active i{background:#dff4f8!important;color:#087c9e!important;border-color:#7fc7d9!important;box-shadow:0 0 0 3px rgba(40,174,205,.08)!important}
body.light .sidebar nav a b{color:#47839c!important}
body.light .stats div,body.light .quickGrid button,body.light .partnerGrid div,body.light .speakerGrid article,body.light .video,body.light .qr,body.light .follow{background:#fff!important;color:#12384f!important;border-color:#c4dce6!important;box-shadow:0 10px 28px rgba(44,91,115,.09)!important}
body.light .stats i,body.light .quickGrid i,body.light .resourceGrid article>i{background:#eaf6f9!important;border-color:#afd4e0!important}
body.light .speakerGrid article small,body.light .qr p,body.light .follow small{color:#5d7b8c!important}
body.light .moreLink{color:#315f76!important}body.light .moreLink:hover{color:#087c9e!important}
body.light .follow{background:radial-gradient(circle at 88%,#d5f4f4,#fff 58%)!important}
body.light .followSocial i{background:#edf7fa!important;color:#245b73!important;border-color:#b9d6e1!important}
body.light .partners{border-color:#bfd8e2!important}
body.light .dashboardPage{color:#12384f!important;background:#edf7fa!important}
body.light .dashboardPage::-webkit-scrollbar-track{background:#e3f0f5!important}body.light .dashboardPage::-webkit-scrollbar-thumb{background:#9dbdcb!important}
body.light .pageHero,body.light .pageContent{color:#12384f!important}
body.light .pageHero p,body.light .dashCards p,body.light .dashSpeakerGrid p,body.light .resourceGrid p,body.light .partnerPage p,body.light .contactInfo p{color:#577789!important}
body.light .dashCards article,body.light .dashSpeakerGrid article,body.light .resourceGrid article,body.light .partnerPage article,body.light .contactInfo,body.light #contactForm,body.light .agenda article,body.light .streamRows article{background:#fff!important;color:#12384f!important;border-color:#c4dce6!important;box-shadow:0 10px 28px rgba(44,91,115,.08)!important}
body.light .dayTabs button,body.light .resourceGrid button,body.light .partnerPage button,body.light .agenda button{background:#e9f5f8!important;color:#174f68!important;border-color:#b7d5e0!important}
body.light .dayTabs button.on{background:#cdeef4!important;color:#063f5a!important;border-color:#83c8d8!important}
body.light input,body.light textarea{background:#f8fcfd!important;color:#12384f!important;border-color:#b9d6e1!important}body.light input::placeholder,body.light textarea::placeholder{color:#7c98a6!important}
body.light .appModal{background:rgba(18,45,59,.25)!important}body.light .appModal>div{background:#f7fcfd!important;color:#12384f!important;border-color:#b9d6e1!important}
body.light .dualHead button{background:#e8f5f8!important;color:#12384f!important;border-color:#b9d6e1!important}
body.light .dualVisual{background:linear-gradient(135deg,#d8f2f6,#eaf7f9 55%,#d8f2e8)!important}
body.light .videoText{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.6)}
body.light footer strong{color:#163e54!important}
@media(max-width:1200px){.sidebar nav a{font-size:10.5pt!important}}
/* National Forum 29.10.2026 — complete content components + responsive polish */
.formPanel{max-width:920px;padding:28px;border:1px solid rgba(150,170,190,.18);border-radius:24px;background:rgba(255,255,255,.045)}
.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}
.field label{font-size:13px;font-weight:700;opacity:.82}
.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid rgba(130,150,170,.3);border-radius:13px;padding:13px 14px;background:rgba(255,255,255,.07);color:inherit;font:inherit}
.field textarea{min-height:120px;resize:vertical}.formActions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}
.formActions button{border:0;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer}.formActions .submit{background:#2aa95b;color:white}.formNote{font-size:12px;opacity:.65;line-height:1.45}
.categoryBlock{margin-bottom:30px}.categoryBlock h2{margin:0 0 14px}
.participantGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.participantGrid article,.roleCard{min-width:0;padding:18px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(150,170,190,.18)}
.participantGrid h3,.roleCard h3{margin:0 0 7px;font-size:16px;line-height:1.3;overflow-wrap:anywhere}.participantGrid p,.roleCard p{margin:0;opacity:.72;line-height:1.55;overflow-wrap:anywhere}
.dashboardPage .participantGrid:has(.roleCard){grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px}.roleCard{min-height:148px;display:flex;flex-direction:column;justify-content:center}
.orgGroup{margin-bottom:34px}.orgGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.orgCard{min-width:0;min-height:150px;padding:16px;border-radius:18px;background:#fff;color:#26323b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.orgCard img{max-width:100%;max-height:76px;object-fit:contain;margin-bottom:10px}.orgCard b{line-height:1.3;overflow-wrap:anywhere}
.contactLayout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}
.contactInfo{min-width:0}.contactInfo>div{padding:14px 0;border-bottom:1px solid rgba(150,170,190,.18)}.contactInfo span{display:block;margin-top:5px;opacity:.72;overflow-wrap:anywhere;line-height:1.45}
.programSummary{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:12px;margin-bottom:22px}
.programSummary>div{min-width:0;padding:18px 20px;border:1px solid rgba(120,180,205,.22);border-radius:16px;background:rgba(255,255,255,.045);display:flex;flex-direction:column;gap:5px}
.programSummary b{font-size:16px}.programSummary span{font-size:12px;opacity:.7;line-height:1.4}
.agendaClean{display:grid;gap:12px}.agendaClean article{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:18px!important;align-items:start!important;padding:20px!important;min-height:0!important}
.agendaNo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#0b2c3c;border:1px solid #2e6a82;color:#69e6ff;font-weight:800}
.agendaLabel{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#65dff4;margin-bottom:5px}
.agendaClean h3{margin:0 0 6px!important;font-size:17px!important;line-height:1.25!important;overflow-wrap:anywhere}.agendaClean p{margin:0!important;line-height:1.5!important;opacity:.72}
.programNote{margin-top:16px;padding:14px 17px;border-left:3px solid #3ad5c5;background:rgba(42,180,170,.07);border-radius:0 12px 12px 0;font-size:13px;line-height:1.5}
.galleryGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px}.galleryTile{aspect-ratio:1.32/1;min-height:150px;border-radius:18px!important;overflow:hidden;text-align:left;position:relative}
.galleryTile span{position:absolute;left:14px;right:14px;bottom:34px;font-size:18px!important;font-weight:800;overflow-wrap:anywhere}.galleryTile b{position:absolute;left:14px;right:14px;bottom:14px;font-size:10px!important;opacity:.72}
.registrationModal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}.registrationBackdrop{position:absolute;inset:0;background:rgba(2,12,18,.76);backdrop-filter:blur(14px)}
.registrationDialog{position:relative;z-index:1;width:min(920px,calc(100vw - 36px));max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(102,222,238,.28);border-radius:28px;padding:30px;background:linear-gradient(145deg,rgba(10,31,42,.98),rgba(5,18,27,.98));box-shadow:0 35px 100px rgba(0,0,0,.55)}
.registrationClose{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(140,210,225,.24);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer}
.registrationIntro{padding-right:55px;margin-bottom:20px}.registrationIntro span{font-size:11px;letter-spacing:.12em;color:#66dfea;font-weight:800}.registrationIntro h2{font-size:30px;margin:7px 0 8px}.registrationIntro p{margin:0;max-width:690px;line-height:1.55;opacity:.72}
.registrationDialog .formPanel{max-width:none;padding:0;border:0;background:transparent}.modalOpen{overflow:hidden}
body.light .programSummary>div,body.light .agendaClean article,body.light .participantGrid article,body.light .roleCard,body.light .formPanel{background:#fff!important;border-color:#c6dfe8!important}
body.light .field input,body.light .field select,body.light .field textarea{background:#f8fcfd!important;color:#12384f!important;border-color:#b9d6e1!important}
body.light .registrationBackdrop{background:rgba(25,52,65,.38)}body.light .registrationDialog{background:#f8fcfd;color:#12384f;border-color:#b7d8e3}
@media(max-width:1100px){
.contactLayout{grid-template-columns:1fr}.orgGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dashboardPage .participantGrid:has(.roleCard){grid-template-columns:repeat(2,minmax(0,1fr))}
.pageHero h1,.pageHero p{max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:760px){
.formGrid,.participantGrid,.orgGrid,.programSummary,.galleryGrid,.dashboardPage .participantGrid:has(.roleCard){grid-template-columns:1fr!important}
.contactLayout{grid-template-columns:1fr}.pageHero{padding-right:0}.pageHero h1{font-size:clamp(28px,8vw,36px)!important;line-height:1.08!important}
.pageHero p{font-size:14px;line-height:1.55}.dashboardPage .pageContent{min-width:0}
.agendaClean article{grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;padding:16px!important}.agendaNo{width:40px;height:40px}
.registrationModal{padding:10px}.registrationDialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:22px 16px;border-radius:22px}.registrationIntro{padding-right:44px}.registrationIntro h2{font-size:24px}
.heroCopy .eyebrow{letter-spacing:3px;line-height:1.5}.heroCopy h1{overflow-wrap:anywhere}.heroCopy p{line-height:1.45}
.meta{display:flex;flex-direction:column;align-items:center;gap:2px}.actions{gap:9px}.actions .primary{max-width:100%;white-space:normal;text-align:center}
}
@media(max-width:430px){
.heroCopy h1{font-size:27px!important;line-height:1.06!important}.heroCopy p{font-size:13px!important}.eyebrow{font-size:9px!important;letter-spacing:2px!important}
.top .register{max-width:190px;white-space:normal;line-height:1.1;padding:0 13px!important}
.registrationIntro span{letter-spacing:.07em}.orgCard{min-height:128px}
}
/* 2026-10-02 requested refinement pass */
.homeTop{display:none!important}
/* Home speakers: use the full available container, no dead space */
.speakers{display:flex;flex-direction:column;min-height:268px}
.speakerGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;flex:1}
.speakerGrid article{height:100%!important;min-height:205px!important;display:flex!important;flex-direction:column!important;position:relative!important}
.avatar{height:auto!important;min-height:138px!important;flex:1 1 auto!important;display:grid!important;place-items:center!important}
.avatar span{width:86px!important;height:86px!important;font-size:25px!important;box-shadow:0 29px 0 -14px #172b37!important}
.speakerMeta{padding:10px 12px 12px;min-height:62px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;background:linear-gradient(180deg,rgba(5,15,23,.15),rgba(3,9,14,.98))}
.speakerGrid article>b,.speakerGrid article>small{position:static!important}.speakerMeta b{font-size:11px;line-height:1.25}.speakerMeta small{font-size:9px;line-height:1.25;color:#c8d2d8}
/* More breathing room above partner logos */
.partners .sectionTitle{margin-bottom:16px!important}.partnerGrid{margin-top:8px!important}
/* Functional switch visual states */
.themeToggle.isLight .switchThumb{transform:translateX(0)!important;background:linear-gradient(145deg,#fff6c8,#ffd35a)!important;color:#6b4d00!important}
.themeToggle.isDark .switchThumb{transform:translateX(32px)!important}
.sideLang.en .langThumb{transform:translateX(30px)!important}
/* Social media panel */
.socialMediaContainer{position:relative;background-image:linear-gradient(90deg,rgba(2,13,21,.90),rgba(2,32,47,.62)),url('../assets/social_media_container.png')!important;background-size:cover!important;background-position:center!important}
.socialMediaContainer .miniMark{width:82px;display:grid;place-items:center}.socialMediaContainer .miniMark img{max-width:68px;max-height:64px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,255,255,.2))}
.socialMediaContainer>div:nth-child(2){position:relative;z-index:2;max-width:230px}.socialMediaContainer b{font-size:12px;line-height:1.25;display:block}.socialMediaContainer small{margin-top:6px}.socialMediaContainer .planetGraphic{opacity:.74}
/* Organiser portraits on About page */
.organiserPeople .roleCard.hasPortrait{display:grid!important;grid-template-columns:104px minmax(0,1fr);gap:18px;align-items:center;justify-content:stretch!important;padding:14px!important}
.organiserPortrait{width:104px;height:116px;border-radius:14px;object-fit:cover;object-position:center 22%;border:1px solid rgba(102,222,238,.25);box-shadow:0 10px 25px rgba(0,0,0,.22)}
.organiserPeople .roleCard.hasPortrait h3{margin-top:0}
/* Participant cards */
.participantCard{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:112px!important;padding:20px!important}.participantCard h3{margin:0!important;max-width:95%}
/* Organiser / co-organiser logos supplied by client */
.orgCard{padding:18px!important}.orgCard img{max-width:90%!important;max-height:82px!important;margin-bottom:12px!important}.orgCard b{font-size:12px;line-height:1.25}
/* Gallery album camera covers */
.galleryTile{background:linear-gradient(145deg,#0d2735,#07131d)!important;border:1px solid #1f495c!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.galleryTile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(71,221,240,.18),transparent 38%),linear-gradient(180deg,transparent 35%,rgba(2,8,13,.9));pointer-events:none}.galleryCamera{position:absolute!important;top:18px!important;left:18px!important;width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(4,19,28,.72)!important;border:1px solid rgba(107,235,247,.42)!important;color:#73ecf8!important;z-index:2!important}.galleryCamera .uiIcon{font-size:22px}.galleryTile span,.galleryTile b{z-index:2}
/* Media Hub */
.mediaHubGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.mediaHubGrid article{min-height:170px}.resourceWide{grid-column:1/-1!important;min-height:122px!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center}.resourceWide>i{margin:0!important}.resourceWide h3{margin:0 0 5px!important}.resourceWide p{margin:0!important}.qrHubIcon{font-size:42px;color:#6beef6;opacity:.9}.lockBadge{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#07131b;border:1px solid #3d5261;color:#91a4af}.lockedResource{opacity:.78}.lockedResource:after{content:"LOCKED";position:absolute;right:20px;top:14px;font-size:8px;letter-spacing:.18em;color:#91a4af}.mediaHubGrid article{position:relative}
body.light .galleryTile{background:linear-gradient(145deg,#fff,#e7f4f8)!important;color:#12384f!important;border-color:#bfdce5!important}.body.light .galleryCamera{background:#fff!important}.body.light .speakerMeta{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.95))}.body.light .speakerMeta small{color:#5d7b8c}
body.light .speakerMeta{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.98))}body.light .speakerMeta small{color:#5d7b8c}
body.light .socialMediaContainer{background-image:linear-gradient(90deg,rgba(237,247,250,.94),rgba(215,241,245,.70)),url('../assets/social_media_container.png')!important}body.light .socialMediaContainer .miniMark img{filter:brightness(0) invert(1) drop-shadow(0 0 5px rgba(0,0,0,.1))}
@media(max-width:1200px){.speakerGrid{grid-template-columns:repeat(4,minmax(180px,1fr))!important;overflow-x:auto}.speakerGrid article{min-height:220px!important}.partners .sectionTitle{margin-bottom:18px!important}}
@media(max-width:760px){.speakerGrid{grid-template-columns:repeat(4,210px)!important}.organiserPeople .roleCard.hasPortrait{grid-template-columns:82px minmax(0,1fr)}.organiserPortrait{width:82px;height:94px}.mediaHubGrid{grid-template-columns:1fr!important}.resourceWide{grid-column:auto!important;grid-template-columns:48px minmax(0,1fr)!important}.resourceWide>span{display:none}.partners .sectionTitle{margin-bottom:20px!important}}
@media(max-width:430px){.organiserPeople .roleCard.hasPortrait{grid-template-columns:1fr;text-align:center}.organiserPortrait{width:110px;height:122px;margin:auto}.participantCard{min-height:96px!important}.resourceWide{grid-template-columns:1fr!important;text-align:center}.resourceWide>i{margin:auto!important}}
/* 2026-10-02 follow-up visual refinements */
.brand b{color:#fff!important;transition:color .25s ease;margin-top:12px!important}
body.light .brand b{color:#000!important}
.sidebar nav{margin-top:12px}
.hero{background-image:url('../assets/conference-cover-2026.png')!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}
.stage{background-image:url('../assets/conference-cover-2026.png')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.videoImg{background-image:url('../assets/event-video-thumbnail.png')!important;background-size:cover!important;background-position:center center!important}
.socialMediaContainer{background-image:linear-gradient(90deg,rgba(2,13,21,.76),rgba(2,32,47,.30)),url('../assets/social_media_container.png')!important;background-position:center!important;background-size:cover!important}
body.light .socialMediaContainer{background-image:linear-gradient(90deg,rgba(237,247,250,.80),rgba(215,241,245,.34)),url('../assets/social_media_container.png')!important}
@media(max-width:1200px){.sidebar nav{margin-top:0}.brand b{margin-top:0!important}}
/* 2026-10-02 responsive + hero visibility refinement */
/* Keep the 16:11 hero artwork fully visible and blend it into the content below. */
.hero{
height:auto!important;
min-height:0!important;
aspect-ratio:16/11;
background:#02090f!important;
overflow:hidden!important;
isolation:isolate;
}
.stage{
inset:0!important;
background-image:url('../assets/conference-cover-2026.png')!important;
background-size:contain!important;
background-position:center top!important;
background-repeat:no-repeat!important;
background-color:#02090f!important;
}
.hero:before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
background:url('../assets/conference-cover-2026.png') center top/cover no-repeat!important;
filter:blur(24px) brightness(.46) saturate(.78)!important;
transform:scale(1.08)!important;
opacity:.52!important;
pointer-events:none!important;
}
.heroShade{
z-index:2!important;
background:linear-gradient(180deg,rgba(2,9,15,0) 0%,rgba(2,9,15,0) 70%,rgba(2,9,15,.40) 86%,#02090f 100%)!important;
}
.hero:after{
content:""!important;
position:absolute!important;
left:0!important;right:0!important;bottom:-1px!important;
height:18%!important;
z-index:3!important;
background:linear-gradient(180deg,rgba(2,9,15,0),rgba(2,9,15,.62) 58%,#02090f 100%)!important;
pointer-events:none!important;
}
/* The supplied hero already contains the event typography, so avoid duplicate UI text over it. */
.heroCopy{display:none!important}
/* Social / future section: artwork only, without the redundant One Health logo. */
.socialMediaContainer{padding-left:18px!important}
.socialMediaContainer>div:first-child{position:relative;z-index:2;max-width:260px}
/* Give partner cards a safe hover runway so their top edge is never clipped. */
.partners{padding-top:18px!important;overflow:visible!important}
.partners .sectionTitle{margin-bottom:24px!important;padding-top:2px!important}
.partnerGrid{padding-top:6px!important;overflow:visible!important}
.partnerGrid>div{position:relative;z-index:1}
.partnerGrid>div:hover{z-index:5;transform:translateY(-2px)!important}
/* Desktop / laptop: allow natural vertical flow instead of clipping content to viewport height. */
@media(min-width:1101px){
html,body{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}
body{min-width:0!important}
.app{
min-height:100vh!important;
height:auto!important;
grid-template-rows:auto 42px!important;
overflow:visible!important;
}
.sidebar{height:100vh!important;position:sticky!important;top:0!important;overflow:hidden!important}
.main,.right{height:auto!important;min-height:0!important;overflow:visible!important}
.right{align-self:start}
.hero{width:100%!important;max-height:none!important}
.speakers{height:auto!important;min-height:268px!important;overflow:visible!important}
}
/* Tablet */
@media(max-width:1100px){
.app{min-height:100vh!important;height:auto!important;overflow:visible!important}
.main,.right{min-width:0!important;overflow:visible!important}
.hero{width:100%!important;aspect-ratio:16/11!important;height:auto!important}
.stage{background-size:contain!important;background-position:center top!important}
.right{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start}
.right>.partners,.right>.follow{min-width:0}
.partnerGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.follow{min-height:118px!important;height:auto!important}
}
/* Mobile */
@media(max-width:760px){
html,body{overflow-x:hidden!important}
.app{width:100%!important;min-width:0!important}
.main,.right{width:100%!important;max-width:100%!important}
.hero{aspect-ratio:16/11!important;height:auto!important;min-height:0!important;margin-top:0!important}
.stage{background-size:contain!important;background-position:center top!important}
.heroShade{background:linear-gradient(180deg,transparent 0%,transparent 72%,rgba(2,9,15,.46) 88%,#02090f 100%)!important}
.stats{height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px 12px 0!important}
.stats div{min-height:88px!important}
.speakers{min-height:0!important;padding-bottom:18px!important}
.speakerGrid{grid-template-columns:repeat(4,minmax(210px,78vw))!important;scroll-snap-type:x proximity;padding-bottom:8px}
.speakerGrid article{scroll-snap-align:start}
.right{padding:12px 12px 88px!important}
.quickGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.partnerGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.partners .sectionTitle{margin-bottom:22px!important}
.follow{min-height:126px!important;height:auto!important;padding:16px!important}
.socialMediaContainer>div:first-child{max-width:68%!important}
.dashboardPage{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
.pageContent,.pageHero{min-width:0!important;max-width:100%!important}
}
/* Small phones */
@media(max-width:430px){
.hero{aspect-ratio:16/11!important}
.stats{grid-template-columns:1fr 1fr!important;gap:8px!important}
.quickGrid{grid-template-columns:1fr 1fr!important;gap:8px!important}
.partnerGrid{grid-template-columns:1fr 1fr!important}
.partnerLogo img{max-width:92%!important}
.socialMediaContainer>div:first-child{max-width:72%!important}
}
/* 2026-10-02 central-scroll + compact-hero refinement */
/* The dashboard shell itself never scrolls on desktop. Only the central workspace does. */
@media (min-width:1101px){
html,body{
width:100%!important;
height:100%!important;
min-height:0!important;
overflow:hidden!important;
}
body{min-width:0!important}
.app{
display:grid!important;
width:min(100%,1536px)!important;
max-width:1536px!important;
height:100vh!important;
min-height:0!important;
margin:0 auto!important;
grid-template-columns:146px minmax(690px,876px) minmax(0,514px)!important;
grid-template-rows:minmax(0,1fr) 42px!important;
overflow:hidden!important;
}
.sidebar{
position:relative!important;
top:auto!important;
height:auto!important;
min-height:0!important;
overflow:hidden!important;
}
.main{
position:relative!important;
height:100%!important;
min-height:0!important;
overflow-x:hidden!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
scrollbar-gutter:stable;
scroll-behavior:smooth;
}
.right{
position:relative!important;
align-self:stretch!important;
height:100%!important;
min-height:0!important;
overflow:hidden!important;
}
footer{
grid-column:1/4!important;
grid-row:2!important;
min-height:42px!important;
height:42px!important;
}
/* One scrolling surface only: inner pages flow naturally inside .main. */
.dashboardPage{
min-height:100%!important;
height:auto!important;
overflow:visible!important;
}
/* ~50–60 px less visible height than the full 16:11 artwork at the target desktop width. */
.hero{
width:100%!important;
height:auto!important;
aspect-ratio:16/10!important;
max-height:none!important;
}
.stage{
background-size:100% auto!important;
background-position:center top!important;
}
.main::-webkit-scrollbar{width:8px}
.main::-webkit-scrollbar-track{background:rgba(255,255,255,.025)}
.main::-webkit-scrollbar-thumb{background:rgba(94,214,232,.30);border-radius:999px}
.main::-webkit-scrollbar-thumb:hover{background:rgba(94,214,232,.48)}
.main{scrollbar-width:thin;scrollbar-color:rgba(94,214,232,.34) rgba(255,255,255,.025)}
}
/* Keep the same tighter hero relationship on tablet/mobile without introducing a second scroll surface. */
@media (max-width:1100px){
.hero{aspect-ratio:16/10!important}
.stage{background-size:100% auto!important;background-position:center top!important}
}
/* Compact the fixed right rail on shorter desktop screens instead of making it scroll. */
@media (min-width:1101px) and (max-height:950px){
.right{padding-top:24px!important}
.video{height:240px!important}
.quick,.partners{margin-top:12px!important}
.quickGrid button{height:82px!important}
.qr{height:118px!important;margin-top:12px!important}
.partners{padding-top:10px!important}
.partners .sectionTitle{margin-bottom:14px!important}
.partnerGrid{gap:6px!important}
.partnerGrid div{height:38px!important}
.follow{height:94px!important;margin-top:14px!important}
}
/* 2026-10-02 true full-screen restoration
Fill the complete browser viewport on desktop while keeping only .main scrollable. */
@media (min-width:1101px){
.app{
width:100vw!important;
max-width:none!important;
margin:0!important;
grid-template-columns:146px minmax(0,1fr) clamp(430px,33vw,560px)!important;
}
.main{min-width:0!important;width:auto!important;max-width:none!important}
.right{min-width:0!important;width:auto!important;max-width:none!important}
}
/* Keep the shell edge-to-edge on all smaller breakpoints as well. */
@media (max-width:1100px){
.app{width:100%!important;max-width:none!important;margin:0!important}
}
/* 2026-10-02 unified central workspace + multi-device layout audit */
/* Home content now behaves as one continuous central canvas: hero -> facts -> international experts. */
.homeFlow{
width:100%;
min-width:0;
display:flex;
flex-direction:column;
gap:0;
overflow:visible;
}
.homeFlow>.hero,.homeFlow>.stats,.homeFlow>.speakers{flex:0 0 auto;min-width:0}
/* The supplied hero artwork is kept inside the same central flow and never spills into adjacent rails. */
.homeFlow .hero{margin:0!important;border-radius:0!important}
.homeFlow .stats{margin-top:-1px;position:relative;z-index:4}
.homeFlow .speakers{position:relative;z-index:4}
/* Remove obsolete registration/search UI everywhere. */
.searchBtn,.top .register,.heroCopy .register{display:none!important}
.quickGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
/* Safer typography and media containment across the application. */
.main,.right,.sidebar,.dashboardPage,.pageContent,.pageHero,
.stats,.speakers,.speakerGrid,.quickGrid,.partnerGrid,.resourceGrid,
.participantGrid,.orgGrid,.galleryGrid,.contactLayout,.agenda{
min-width:0;
}
img,svg,video{max-width:100%}
.pageHero h1,.pageHero p,.dashCards h3,.dashCards p,.participantCard h3,
.roleCard h3,.roleCard p,.orgCard b,.resourceGrid h3,.resourceGrid p,
.speakerMeta b,.speakerMeta small,.quickGrid span,.partnerLogo{
overflow-wrap:anywhere;
word-break:normal;
}
/* Desktop: full-screen three-rail shell, one scroll surface in the centre only. */
@media (min-width:1101px){
html,body{width:100%!important;height:100%!important;overflow:hidden!important}
.app{
width:100vw!important;
max-width:none!important;
height:100vh!important;
min-height:0!important;
margin:0!important;
display:grid!important;
grid-template-columns:146px minmax(0,1fr) clamp(390px,31vw,540px)!important;
grid-template-rows:minmax(0,1fr) 42px!important;
overflow:hidden!important;
}
.sidebar{height:100%!important;position:relative!important;top:auto!important;overflow:hidden!important}
.main{
height:100%!important;
min-height:0!important;
overflow-x:hidden!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
scrollbar-gutter:stable;
}
.right{height:100%!important;min-height:0!important;overflow:hidden!important;align-self:stretch!important}
footer{grid-column:1/4!important;grid-row:2!important;height:42px!important;min-height:42px!important}
.homeFlow .hero{aspect-ratio:16/10!important;max-height:none!important}
.homeFlow .stats{height:auto!important;min-height:104px!important;padding:10px 20px!important}
.homeFlow .speakers{height:auto!important;min-height:0!important;padding:16px 20px 24px!important}
.speakerGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}
.speakerGrid article{min-height:205px!important;height:auto!important}
.speakerAvatar,.avatar{flex:0 0 auto}
/* Inner pages participate in the same central scroller; no nested vertical scroll. */
.dashboardPage{min-height:100%!important;height:auto!important;overflow:visible!important;padding-top:58px!important}
}
/* Medium / compact desktop and dual-screen-like widths: protect text and avoid rail collisions. */
@media (min-width:1101px) and (max-width:1500px){
.app{grid-template-columns:140px minmax(0,1fr) clamp(350px,29vw,430px)!important}
.right{padding-left:10px!important;padding-right:10px!important}
.quickGrid{gap:8px!important}
.quickGrid button{min-width:0!important;padding-inline:6px!important}
.qr{grid-template-columns:92px minmax(0,1fr) 72px!important}
.partnerGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.speakerMeta b{font-size:10.5px!important}.speakerMeta small{font-size:8.5px!important}
}
/* Lower-height desktops: keep the fixed side rails readable without introducing side scrolling. */
@media (min-width:1101px) and (max-height:860px){
.sidebar{padding-top:14px!important}
.brand{height:142px!important}
.sidebar nav{margin-top:4px!important}
.sidebar nav a{height:42px!important}
.sidebarControls{transform:scale(.93);transform-origin:left bottom}
.right{padding-top:12px!important}
.video{height:210px!important}
.quick,.partners{margin-top:9px!important}
.quick h2{margin:6px 0 8px!important}
.quickGrid button{height:68px!important}
.qr{height:98px!important;margin-top:9px!important}
.partners{padding-top:8px!important}.partners .sectionTitle{margin-bottom:10px!important}
.partnerGrid div{height:32px!important}
.follow{min-height:78px!important;height:78px!important;margin-top:10px!important}
}
/* Tablet and foldable portrait layouts: rails become sequential sections with natural document scroll. */
@media (max-width:1100px){
html,body{width:100%!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}
body{min-width:0!important}
.app{display:block!important;width:100%!important;max-width:none!important;height:auto!important;overflow:visible!important}
.sidebar{position:sticky!important;top:0!important;z-index:30!important;width:100%!important;height:68px!important;overflow:hidden!important}
.main,.right{width:100%!important;max-width:none!important;height:auto!important;overflow:visible!important}
.homeFlow .hero{aspect-ratio:16/11!important}
.homeFlow .stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;height:auto!important;padding:12px 14px!important}
.homeFlow .stats>div{min-height:84px!important}
.homeFlow .speakers{padding:14px!important}
.speakerGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}
.speakerGrid article{min-height:220px!important;height:auto!important}
.right{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:14px 14px 84px!important}
.right>.video,.right>.quick,.right>.partners,.right>.follow{margin:0!important;min-width:0!important}
.right>.video,.right>.quick{grid-column:auto}.right>.partners,.right>.follow{grid-column:1/-1}
.quickGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
footer{height:auto!important;min-height:60px!important;flex-wrap:wrap!important;padding:14px!important}
.dashboardPage{min-height:0!important;padding:72px 18px 28px!important;overflow:visible!important}
}
/* Phone layout: no horizontal card carousels, no text/photo collisions. */
@media (max-width:760px){
.sidebar{height:auto!important;min-height:64px!important;align-items:flex-start!important;flex-wrap:wrap!important;padding:8px 10px!important}
.brand{width:110px!important;flex:0 0 110px!important}.brand img{max-height:28px!important}
.sidebar nav{flex:1 1 calc(100% - 120px)!important;max-width:calc(100% - 120px)!important}
.sidebar nav a{height:48px!important;padding:0 9px!important}.sidebar nav a span{font-size:10px!important;max-width:none!important;white-space:nowrap!important}
.sidebarControls{width:100%!important;display:flex!important;gap:8px!important;padding-top:6px!important}
.sidebarControls button{flex:1 1 0!important}
.homeFlow .hero{aspect-ratio:16/11!important}
.homeFlow .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important}
.homeFlow .stats>div{min-height:82px!important;padding:8px 5px!important;text-align:center}
.homeFlow .speakers{padding:14px 10px 20px!important}
.sectionTitle{gap:12px!important}.sectionTitle h2{font-size:17px!important}
.speakerGrid{grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0!important;overflow:visible!important}
.speakerGrid article{min-height:190px!important;height:auto!important}
.avatar{height:126px!important}.speakerMeta{min-height:64px!important;padding:9px 10px!important}
.right{display:block!important;padding:12px 10px 76px!important}
.right>section{margin-top:12px!important}.right>.video{margin-top:0!important}
.quickGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.quickGrid button{height:76px!important;padding:6px!important}
.qr{height:112px!important}
.partnerGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.partnerGrid div{min-width:0!important}
.dashboardPage{padding:26px 12px 24px!important}
.pageHero{padding:8px 0 22px!important}.pageHero h1{font-size:clamp(26px,8vw,36px)!important}
.pageHero>p{font-size:14px!important;line-height:1.5!important}
.dashCards,.participantGrid,.orgGrid,.resourceGrid,.contactLayout{grid-template-columns:1fr!important}
.programSummary{grid-template-columns:1fr!important}
.agenda article{grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important}
.galleryGrid{grid-template-columns:1fr 1fr!important}
.mediaHubGrid{grid-template-columns:1fr!important}
}
@media (max-width:480px){
.speakerGrid{grid-template-columns:1fr!important}
.speakerGrid article{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;min-height:132px!important}
.avatar{height:100%!important;min-height:132px!important}.speakerMeta{justify-content:center!important;min-height:132px!important}
.homeFlow .stats{grid-template-columns:1fr 1fr!important}
.quickGrid{grid-template-columns:1fr!important}.quickGrid button{height:62px!important}
.galleryGrid{grid-template-columns:1fr!important}
footer{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;text-align:left!important}
footer span,footer span:nth-child(2),footer span:last-child{text-align:left!important}
}
/* Experimental dual-screen/foldable support where the browser exposes viewport segments. */
@media (horizontal-viewport-segments:2){
.app{grid-template-columns:140px minmax(0,1fr) minmax(340px,calc(env(viewport-segment-width 1 0) - 24px))!important}
.main{max-width:env(viewport-segment-width 0 0)!important}
.right{max-width:env(viewport-segment-width 1 0)!important}
}
@media (spanning:single-fold-vertical){
.main{padding-right:max(0px,env(fold-width,0px))!important}
.right{padding-left:max(12px,env(fold-width,0px))!important}
}
/* 2026-10-02 precision pass: compact hero, readable sidebar, symmetric forum cards */
@media (min-width:1101px){
/* Give the navigation enough real width while preserving the full-screen three-rail layout. */
.app{
grid-template-columns:clamp(184px,12.5vw,210px) minmax(0,1fr) clamp(390px,31vw,540px)!important;
}
.sidebar{padding-top:18px!important}
.brand{
height:auto!important;
min-height:198px!important;
padding:8px 18px 18px!important;
justify-content:flex-start!important;
}
.brand img{
width:min(112px,78%)!important;
height:84px!important;
object-fit:contain!important;
object-position:left center!important;
}
.brand b{
margin-top:14px!important;
font-size:12px!important;
line-height:1.42!important;
max-width:155px!important;
}
.sidebar nav{
margin-top:18px!important;
padding-top:8px!important;
}
.sidebar nav a{
min-height:50px!important;
height:auto!important;
padding:8px 13px!important;
gap:9px!important;
font-size:10.5pt!important;
line-height:1.15!important;
align-items:center!important;
}
.sidebar nav a>span{
flex:1 1 auto!important;
min-width:0!important;
max-width:none!important;
white-space:normal!important;
overflow-wrap:normal!important;
word-break:normal!important;
line-height:1.18!important;
}
.sidebar nav a[data-page="materials"]>span{max-width:none!important}
.social{width:clamp(184px,12.5vw,210px)!important}
/* Crop only the lower part of the supplied artwork by roughly 40–80 px on common desktop widths. */
.homeFlow .hero{
aspect-ratio:16/9.05!important;
max-height:none!important;
}
.homeFlow .hero .stage{
background-size:cover!important;
background-position:center top!important;
}
.homeFlow .hero:before{
background-position:center top!important;
}
/* About page: official representative cards occupy the same content width as the three cards above. */
.dashboardPage .organiserPeople{
width:100%!important;
max-width:none!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:16px!important;
}
.organiserPeople .roleCard{
width:100%!important;
min-height:170px!important;
height:100%!important;
margin:0!important;
}
.organiserPeople .roleCard.hasPortrait{
grid-template-columns:104px minmax(0,1fr)!important;
}
}
/* Compact desktop: preserve the extra brand/menu breathing room rather than collapsing it. */
@media (min-width:1101px) and (max-height:860px){
.brand{min-height:170px!important;padding-top:4px!important;padding-bottom:12px!important}
.brand img{height:70px!important}
.brand b{margin-top:10px!important;font-size:11px!important}
.sidebar nav{margin-top:10px!important;padding-top:6px!important}
.sidebar nav a{min-height:44px!important;height:auto!important;padding-top:6px!important;padding-bottom:6px!important}
}
/* Tablet/mobile: keep navigation text contained and allow clean wrapping where necessary. */
@media (max-width:1100px){
.sidebar nav a>span{
max-width:none!important;
min-width:0!important;
white-space:normal!important;
line-height:1.12!important;
}
.homeFlow .hero{aspect-ratio:16/9.4!important}
.homeFlow .hero .stage{background-size:cover!important;background-position:center top!important}
.dashboardPage .organiserPeople{width:100%!important;max-width:none!important}
}
@media (max-width:760px){
.sidebar nav a span{white-space:normal!important;line-height:1.08!important}
.homeFlow .hero{aspect-ratio:16/9.8!important}
}
/* 2026-10-02 refinement: events home button + readable international participation + updated official portraits */
.sidebarControls .eventsHomeBtn{
width:100%;min-height:58px;border:1px solid #24475e;border-radius:17px;
background:linear-gradient(145deg,rgba(16,39,53,.96),rgba(5,18,27,.98));
color:#eef9ff;text-decoration:none;display:grid;grid-template-columns:64px minmax(0,1fr) 18px;
align-items:center;gap:9px;padding:7px 8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 25px rgba(0,0,0,.28);
transition:.25s ease;
}
.sidebarControls .eventsHomeBtn:hover{transform:translateY(-1px);border-color:#4ccfee;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 28px rgba(0,0,0,.34),0 0 0 1px rgba(77,221,255,.15)}
.eventsHomeBtn .homeIcon{width:54px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#15566c,#0b2938);color:#67e4ff}
.eventsHomeBtn .homeIcon svg{width:19px;height:19px}.eventsHomeBtn .homeArrow{display:grid;place-items:center;color:#7898aa}.eventsHomeBtn .homeArrow svg{width:14px;height:14px}
body.light .sidebarControls .eventsHomeBtn{background:linear-gradient(145deg,#fff,#e5f1f6);color:#153b55;border-color:#b7d2df;box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(44,91,115,.12)}
body.light .eventsHomeBtn .homeIcon{background:linear-gradient(145deg,#dff5fb,#c7e9f3);color:#0f6987}
/* International participation: 2x2 cards on desktop, horizontal internal layout, no text collisions. */
@media (min-width:1101px){
.homeFlow .speakers{padding:18px 20px 28px!important}
.speakerGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important}
.speakerGrid article{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;min-height:142px!important;height:142px!important;overflow:hidden!important}
.speakerGrid .avatar{height:100%!important;min-height:142px!important;flex:none!important;border-right:1px solid #1f3d4d}
.speakerGrid .avatar span{width:78px!important;height:78px!important;font-size:22px!important}
.speakerMeta{min-height:0!important;height:100%!important;padding:16px 16px 14px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;background:linear-gradient(90deg,rgba(5,15,23,.15),rgba(3,9,14,.98))!important;overflow:hidden}
.speakerMeta b{font-size:14px!important;line-height:1.25!important;display:block!important;white-space:normal!important;overflow:visible!important}
.speakerMeta small{font-size:11px!important;line-height:1.45!important;display:block!important;white-space:normal!important;overflow:visible!important;color:#b9cad5!important}
body.light .speakerMeta{background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,.98))!important}
}
@media (min-width:1101px) and (max-width:1380px){
.speakerGrid article{grid-template-columns:98px minmax(0,1fr)!important}
.speakerGrid .avatar span{width:68px!important;height:68px!important;font-size:20px!important}
.speakerMeta{padding:13px 12px!important;gap:6px!important}
.speakerMeta b{font-size:12.5px!important}.speakerMeta small{font-size:10px!important;line-height:1.35!important}
}
/* Official representatives: all four portraits, symmetrical cards. */
.organiserPeople{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.organiserPeople .roleCard.hasPortrait{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;align-items:stretch!important;padding:0!important;overflow:hidden!important;min-height:154px!important}
.organiserPortrait{width:112px!important;height:100%!important;min-height:154px!important;object-fit:cover!important;object-position:center 22%!important;border-radius:0!important;margin:0!important}
.organiserPeople .roleCard>div{padding:18px 18px 16px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
.organiserPeople .roleCard h3{margin:0 0 8px!important;font-size:16px!important;line-height:1.3!important}.organiserPeople .roleCard p{margin:0!important;font-size:12px!important;line-height:1.5!important}
@media (max-width:1100px){
.sidebarControls .eventsHomeBtn{display:none!important}
.speakerGrid article{overflow:hidden!important}.speakerMeta{min-height:92px!important;padding:12px!important;justify-content:flex-start!important}
.speakerMeta b{font-size:13px!important;line-height:1.3!important}.speakerMeta small{font-size:10.5px!important;line-height:1.4!important}
.organiserPeople{grid-template-columns:1fr!important}
}
@media (max-width:600px){
.speakerGrid{grid-template-columns:1fr!important}
.speakerGrid article{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;min-height:140px!important;height:auto!important}
.speakerGrid .avatar{height:100%!important;min-height:140px!important}
.speakerMeta{min-height:140px!important;justify-content:center!important;padding:12px 13px!important}
.organiserPeople .roleCard.hasPortrait{grid-template-columns:92px minmax(0,1fr)!important;min-height:142px!important}
.organiserPortrait{width:92px!important;min-height:142px!important}
.organiserPeople .roleCard>div{padding:14px!important}.organiserPeople .roleCard h3{font-size:14px!important}.organiserPeople .roleCard p{font-size:11px!important}
}
/* Keep the portal shortcut available wherever the switch controls themselves are visible. */
@media (max-width:760px){
.sidebarControls .eventsHomeBtn{display:grid!important;flex:1 1 100%!important;min-height:50px!important;grid-template-columns:44px minmax(0,1fr) 18px!important}
.eventsHomeBtn .homeIcon{width:38px;height:34px!important}
}
/* 2026-10-02 final expert portrait + sidebar controls spacing refinement */
.sidebarControls{bottom:34px!important;gap:11px!important;}
.sidebar nav{padding-bottom:230px!important;}
@media (min-width:1101px){
.speakerGrid article{grid-template-columns:132px minmax(0,1fr)!important;min-height:156px!important;height:156px!important;}
.speakerGrid .avatar.speakerPhoto{height:156px!important;min-height:156px!important;background:#08141d!important;overflow:hidden!important;}
.speakerGrid .avatar.speakerPhoto img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;display:block!important;}
.speakerMeta{padding:18px 18px 16px!important;gap:9px!important;}
.speakerMeta b{font-size:15px!important;line-height:1.28!important;font-weight:800!important;letter-spacing:-.01em!important;}
.speakerMeta small{font-size:11.5px!important;line-height:1.48!important;color:#c0d0da!important;}
}
@media (min-width:1101px) and (max-width:1380px){
.speakerGrid article{grid-template-columns:112px minmax(0,1fr)!important;min-height:150px!important;height:150px!important;}
.speakerGrid .avatar.speakerPhoto{height:150px!important;min-height:150px!important;}
.speakerMeta b{font-size:13.5px!important}.speakerMeta small{font-size:10.5px!important}
}
@media (max-width:1100px){
.sidebar nav{padding-bottom:0!important;}
.speakerGrid .avatar.speakerPhoto{background:#08141d!important;overflow:hidden!important;}
.speakerGrid .avatar.speakerPhoto img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;display:block!important;}
}
@media (max-width:760px){
.sidebarControls{bottom:78px!important;}
}
/* 2026-10-02 precision pass — international experts + detached sidebar control dock */
@media (min-width:1101px){
/* Reserve a real lower zone for the control dock so navigation can never collide with it. */
.sidebar{position:relative!important;}
.sidebar nav{
padding-bottom:268px!important;
margin-bottom:0!important;
}
.sidebarControls{
position:absolute!important;
top:auto!important;
bottom:16px!important;
left:12px!important;
width:calc(100% - 24px)!important;
gap:12px!important;
padding-top:16px!important;
border-top:1px solid rgba(99,181,216,.18)!important;
background:linear-gradient(180deg,rgba(2,8,13,0),rgba(2,8,13,.82) 18%,rgba(2,8,13,.97) 42%)!important;
z-index:8!important;
}
.sidebarControls button,
.sidebarControls .eventsHomeBtn{
min-height:54px!important;
}
/* International participation: circular portrait + readable identity block. */
.homeFlow .speakerGrid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:14px!important;
}
.homeFlow .speakerGrid article{
min-height:134px!important;
height:auto!important;
display:grid!important;
grid-template-columns:116px minmax(0,1fr)!important;
align-items:center!important;
overflow:visible!important;
padding:14px 16px!important;
border-radius:16px!important;
}
.homeFlow .speakerGrid .avatar.speakerPhoto{
width:94px!important;
height:94px!important;
min-width:94px!important;
min-height:94px!important;
border-radius:50%!important;
overflow:hidden!important;
border:2px solid rgba(101,224,255,.48)!important;
background:#08141d!important;
box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 0 5px rgba(48,181,224,.07)!important;
justify-self:center!important;
}
.homeFlow .speakerGrid .avatar.speakerPhoto img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center 18%!important;
display:block!important;
border-radius:50%!important;
}
.homeFlow .speakerMeta{
min-width:0!important;
min-height:0!important;
height:auto!important;
padding:4px 2px 4px 10px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:flex-start!important;
gap:8px!important;
background:transparent!important;
overflow:visible!important;
}
.homeFlow .speakerMeta b{
position:static!important;
display:block!important;
width:100%!important;
margin:0!important;
font-size:15px!important;
line-height:1.28!important;
font-weight:800!important;
letter-spacing:-.01em!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
color:inherit!important;
}
.homeFlow .speakerMeta small{
position:static!important;
display:block!important;
width:100%!important;
margin:0!important;
font-size:11.5px!important;
line-height:1.5!important;
color:#b9cbd6!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
}
body.light .homeFlow .speakerMeta small{color:#577485!important;}
}
@media (min-width:1101px) and (max-width:1380px){
.sidebar nav{padding-bottom:252px!important;}
.sidebarControls{bottom:12px!important;gap:9px!important;padding-top:12px!important;}
.homeFlow .speakerGrid article{grid-template-columns:98px minmax(0,1fr)!important;padding:12px!important;min-height:124px!important;}
.homeFlow .speakerGrid .avatar.speakerPhoto{width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important;}
.homeFlow .speakerMeta{padding-left:8px!important;gap:6px!important;}
.homeFlow .speakerMeta b{font-size:13.5px!important;}
.homeFlow .speakerMeta small{font-size:10.5px!important;line-height:1.42!important;}
}
@media (min-width:1101px) and (max-height:860px){
.sidebar nav{padding-bottom:224px!important;}
.sidebarControls{bottom:8px!important;gap:7px!important;padding-top:9px!important;transform:scale(.90)!important;transform-origin:left bottom!important;}
}
/* Tablet/mobile: use one clear horizontal expert row per person. */
@media (max-width:1100px){
.homeFlow .speakerGrid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
.homeFlow .speakerGrid article{
display:grid!important;
grid-template-columns:88px minmax(0,1fr)!important;
align-items:center!important;
min-height:118px!important;
height:auto!important;
padding:12px!important;
overflow:visible!important;
}
.homeFlow .speakerGrid .avatar.speakerPhoto{
width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;
border-radius:50%!important;overflow:hidden!important;justify-self:center!important;
border:2px solid rgba(101,224,255,.42)!important;
}
.homeFlow .speakerGrid .avatar.speakerPhoto img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;border-radius:50%!important;}
.homeFlow .speakerMeta{min-height:0!important;height:auto!important;padding:2px 2px 2px 9px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;background:transparent!important;overflow:visible!important;}
.homeFlow .speakerMeta b{position:static!important;margin:0!important;font-size:13px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;}
.homeFlow .speakerMeta small{position:static!important;margin:0!important;font-size:10.5px!important;line-height:1.42!important;white-space:normal!important;overflow:visible!important;color:#b9cbd6!important;}
}
@media (max-width:760px){
.sidebarControls{margin-top:18px!important;padding-top:14px!important;border-top:1px solid rgba(99,181,216,.18)!important;}
.homeFlow .speakerGrid{grid-template-columns:1fr!important;}
.homeFlow .speakerGrid article{grid-template-columns:92px minmax(0,1fr)!important;min-height:122px!important;}
.homeFlow .speakerGrid .avatar.speakerPhoto{width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important;}
.homeFlow .speakerMeta b{font-size:13.5px!important;}
.homeFlow .speakerMeta small{font-size:10.8px!important;}
}
/* 2026-10-02 FINAL THEME + CONTENT AUDIT =================================== */
:root{
--oh-bg:#06121a;--oh-panel:#0b1a24;--oh-panel2:#102431;--oh-text:#f4fbff;--oh-muted:#a9bdc9;
--oh-line:rgba(126,190,218,.18);--oh-accent:#42c5db;--oh-soft:#eaf4f7;--oh-light-text:#143548;
}
html,body{background:var(--oh-bg)!important;min-height:100%;}
body,.shell,.app,.sidebar,.rightbar,.main{background-color:var(--oh-bg)!important;}
.main{background:linear-gradient(180deg,#07141d 0%,#091822 100%)!important;}
.sidebar,.rightbar{background:linear-gradient(180deg,#06121a,#081821)!important;}
.dashboardPage,.pageContent{background:transparent!important;}
.pageHero{background:linear-gradient(180deg,rgba(11,30,41,.98),rgba(7,20,29,.98))!important;}
.stats div,.quickGrid button,.partnerLogo,.speakerGrid article,.video,.qr,.follow,.dashCards article,.participantGrid article,.roleCard,.resourceGrid article,.orgCard,.contactInfo,#contactForm,.agenda article,.streamRows article,.formPanel{
background:linear-gradient(145deg,rgba(17,39,52,.97),rgba(8,25,35,.98))!important;border-color:var(--oh-line)!important;color:var(--oh-text)!important;
}
body.light,body.light .shell,body.light .app,body.light .sidebar,body.light .rightbar,body.light .main{background:#edf5f7!important;}
body.light .main{background:linear-gradient(180deg,#f5fafb 0%,#eaf3f6 100%)!important;color:var(--oh-light-text)!important;}
body.light .sidebar,body.light .rightbar{background:linear-gradient(180deg,#f8fcfd,#e8f2f5)!important;color:var(--oh-light-text)!important;border-color:#c9dde5!important;}
body.light .dashboardPage,body.light .pageContent{background:transparent!important;color:var(--oh-light-text)!important;}
body.light .pageHero{background:linear-gradient(180deg,#f8fcfd,#edf5f7)!important;color:var(--oh-light-text)!important;}
body.light .stats div,body.light .quickGrid button,body.light .partnerLogo,body.light .speakerGrid article,body.light .video,body.light .qr,body.light .follow,body.light .dashCards article,body.light .participantGrid article,body.light .roleCard,body.light .resourceGrid article,body.light .orgCard,body.light .contactInfo,body.light #contactForm,body.light .agenda article,body.light .streamRows article,body.light .formPanel{
background:#fff!important;border-color:#c8dde5!important;color:var(--oh-light-text)!important;box-shadow:0 10px 28px rgba(34,82,104,.08)!important;
}
body.light .sidebarControls{background:linear-gradient(180deg,rgba(237,245,247,0),rgba(237,245,247,.92) 18%,#edf5f7 42%)!important;border-top-color:#c7dde5!important;}
body.light .speakerMeta small,body.light .pageHero p,body.light .dashCards p,body.light .participantGrid p,body.light .roleCard p{color:#5d7988!important;}
body.light footer,body.light footer *{color:#375a6b!important;}
body.light .brand b{color:#0e2633!important;}
body:not(.light) .brand b{color:#fff!important;}
/* Current organiser strip: six real partners, no placeholders. */
.currentPartners{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;padding-top:10px!important;}
.currentPartners .partnerLogo{min-height:86px!important;padding:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.currentPartners .partnerLogo img{max-width:100%!important;max-height:58px!important;object-fit:contain!important;}
/* Avoid black flash/void during theme switching and image loading. */
.hero,.heroMedia,.heroVisual,.socialMediaContainer,.videoVisual{background-color:#102735!important;}
body.light .hero,body.light .heroMedia,body.light .heroVisual,body.light .socialMediaContainer,body.light .videoVisual{background-color:#dfeff3!important;}
img{background-color:transparent;}
/* Content cards: resilient wrapping. */
.pageHero h1,.pageHero p,.dashCards h3,.dashCards p,.participantCard h3,.roleCard h3,.roleCard p,.orgCard b,.speakerMeta b,.speakerMeta small,.contactInfo span{overflow-wrap:anywhere;word-break:normal;}
.programSummary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
/* Full-screen desktop: only central column scrolls. */
@media (min-width:1101px){
html,body{width:100%;height:100%;overflow:hidden!important;}
.shell,.app{width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important;overflow:hidden!important;}
.main{height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;}
.sidebar,.rightbar{height:100vh!important;overflow:hidden!important;}
}
@media (max-width:1300px){.currentPartners{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (max-width:1100px){
html,body{overflow:auto!important;height:auto!important;min-height:100%;}
.shell,.app{height:auto!important;min-height:100vh!important;overflow:visible!important;}
.main,.sidebar,.rightbar{height:auto!important;overflow:visible!important;}
.currentPartners{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:760px){
.currentPartners{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.programSummary{grid-template-columns:1fr!important;}
.dashCards,.participantGrid,.orgGrid,.resourceGrid,.contactLayout{grid-template-columns:1fr!important;}
.pageHero{padding-inline:16px!important;}.pageContent{padding-inline:16px!important;}
}
@media (max-width:430px){.currentPartners{grid-template-columns:1fr!important;}}
.forumBrief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 24px;}
.forumBrief article{padding:20px;border:1px solid var(--oh-line);border-radius:18px;background:linear-gradient(145deg,rgba(17,39,52,.97),rgba(8,25,35,.98));}
.forumBrief h2{font-size:16px;margin:0 0 9px}.forumBrief p{margin:0;line-height:1.65;color:#b5c7d1;font-size:12.5px;}
body.light .forumBrief article{background:#fff;border-color:#c8dde5;box-shadow:0 10px 28px rgba(34,82,104,.07)}body.light .forumBrief p{color:#5d7988}
@media(max-width:760px){.forumBrief{grid-template-columns:1fr}.forumBrief article{padding:16px}}
/* 2026-10-02 FOOTER + ORGANISER LOGO SURFACES ============================== */
/* Footer: fixed left / center / right information zones. */
footer{
display:grid!important;
grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr) minmax(0,1.45fr)!important;
align-items:center!important;
gap:18px!important;
padding:0 24px!important;
}
footer span{min-width:0;line-height:1.35!important;}
footer span:first-child{text-align:left!important;}
footer span:nth-child(2){text-align:center!important;white-space:nowrap;}
footer span:last-child{display:block!important;text-align:right!important;justify-content:initial!important;}
footer strong{font-weight:800!important;}
/* Organisers page: every logo sits on a clean white logo stage. */
.orgCard{
background:linear-gradient(145deg,rgba(17,39,52,.97),rgba(8,25,35,.98))!important;
color:var(--oh-text)!important;
padding:16px!important;
}
.orgCard img{
width:100%!important;
height:92px!important;
max-width:none!important;
max-height:none!important;
object-fit:contain!important;
margin:0 0 12px!important;
padding:12px!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:inset 0 0 0 1px rgba(9,44,60,.08),0 8px 18px rgba(0,0,0,.08)!important;
}
body.light .orgCard{background:#fff!important;color:var(--oh-light-text)!important;}
body.light .orgCard img{background:#fff!important;}
/* Right rail: 12 horizontal partner cells, 3 rows × 4 columns on desktop. */
.currentPartners{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important;
padding-top:10px!important;
overflow:visible!important;
}
.currentPartners .partnerLogo{
height:58px!important;
min-height:58px!important;
padding:7px!important;
border-radius:9px!important;
background:#fff!important;
border:1px solid rgba(27,74,94,.18)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
box-shadow:0 5px 14px rgba(0,0,0,.08)!important;
}
.currentPartners .partnerLogo img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
background:#fff!important;
}
.currentPartners .partnerLogo.empty{background:#fff!important;}
.currentPartners .partnerLogo.empty::after{content:"";display:block;width:100%;height:100%;border-radius:5px;background:#fff;}
body.light .currentPartners .partnerLogo{background:#fff!important;border-color:#c8dde5!important;}
@media (min-width:1101px) and (max-height:900px){
.currentPartners{gap:6px!important;padding-top:7px!important;}
.currentPartners .partnerLogo{height:48px!important;min-height:48px!important;padding:6px!important;}
.partners{padding-top:9px!important;}
}
@media (max-width:1100px){
footer{grid-template-columns:1fr 1fr 1.25fr!important;gap:12px!important;padding:10px 14px!important;}
footer span:nth-child(2){white-space:normal!important;}
.currentPartners{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (max-width:760px){
footer{display:none!important;}
.currentPartners{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.currentPartners .partnerLogo{height:64px!important;min-height:64px!important;}
}
/* 2026-10-02 FINAL COMPLETION: QUICK ACCESS / PARTNERS / ORGANISER PAGE ===== */
/* The empty QR promo under Quick access is removed; the recovered height goes to partners. */
.right .quick{margin-bottom:18px!important;}
.right .partners{margin-top:18px!important;padding-top:16px!important;}
.right .partners .sectionTitle{margin-bottom:4px!important;}
.right .currentPartners{gap:10px!important;padding-top:12px!important;}
.right .currentPartners .partnerLogo{height:70px!important;min-height:70px!important;padding:9px!important;border-radius:11px!important;}
.right .currentPartners .partnerLogo img{max-width:96%!important;max-height:54px!important;}
/* Organisers & co-organisers page: larger, fully symmetric cards and logo stages. */
.orgGroup{margin-bottom:38px!important;}
.orgGroup>h2{margin:0 0 16px!important;font-size:18px!important;letter-spacing:-.02em;}
.orgGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;}
.orgCard{min-height:196px!important;padding:16px!important;justify-content:flex-start!important;gap:12px!important;}
.orgLogoStage{width:100%;height:126px;padding:14px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(9,44,60,.08),0 9px 22px rgba(0,0,0,.08);}
.orgLogoStage img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
.orgCard>b{margin:auto 0 0!important;font-size:13px!important;line-height:1.35!important;text-align:center!important;}
/* Future partner slots: 8 clean white logo surfaces. */
.partnerSlotsGroup{padding-top:6px!important;border-top:1px solid var(--oh-line);}
.partnerSlots{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.orgPlaceholder{min-height:142px!important;padding:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.orgPlaceholder .orgLogoStage{height:118px!important;border:1px solid rgba(27,74,94,.16);box-shadow:0 7px 18px rgba(0,0,0,.06)!important;}
.emptyLogoStage{background:#fff!important;}
body.light .orgPlaceholder{background:transparent!important;box-shadow:none!important;}
/* Footer copyright remains explicit and always visible on desktop/tablet. */
footer span:first-child{font-weight:500!important;}
footer span:first-child strong{font-weight:800!important;}
@media (min-width:1101px) and (max-height:900px){
.right .currentPartners{gap:7px!important;}
.right .currentPartners .partnerLogo{height:57px!important;min-height:57px!important;padding:7px!important;}
.right .partners{margin-top:12px!important;padding-top:11px!important;}
}
@media (max-width:1100px){
.orgGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.partnerSlots{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.orgCard{min-height:180px!important;}
.orgLogoStage{height:112px;}
}
@media (max-width:760px){
.right .currentPartners .partnerLogo{height:70px!important;min-height:70px!important;}
.orgGrid,.partnerSlots{grid-template-columns:1fr 1fr!important;gap:12px!important;}
.orgCard{min-height:158px!important;padding:12px!important;}
.orgLogoStage{height:100px;padding:10px;}
.orgPlaceholder{min-height:116px!important;}
.orgPlaceholder .orgLogoStage{height:96px!important;}
}
@media (max-width:430px){
.orgGrid,.partnerSlots{grid-template-columns:1fr!important;}
.orgCard{min-height:150px!important;}
}
/* Final polish update: brand theme swap + contact avatars */
.brand img{transition:filter .25s ease,opacity .25s ease}
body:not(.light) .brand img{filter:drop-shadow(0 0 12px rgba(255,255,255,.08))}
.contactPeopleList{display:grid;gap:14px;margin-top:18px}
.contactPerson{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px;align-items:center;padding:14px 0;border-top:1px solid rgba(150,170,190,.18)}
.contactPerson:first-child{border-top:1px solid rgba(150,170,190,.18)}
.contactAvatar{width:74px;height:74px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid rgba(99,224,244,.28);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.contactPersonMeta{min-width:0}
.contactPersonMeta b{display:block!important;margin:0 0 5px;font-size:15px;line-height:1.28;color:inherit}
.contactPersonMeta span{display:block;color:#9ec5d2;font-size:12px;line-height:1.45;margin:0 0 4px;overflow-wrap:anywhere}
.contactPersonMeta small{display:block;color:#d7eff8;font-size:12px;line-height:1.35;opacity:.88}
.contactAddress{padding:15px 0 0!important;border-top:1px solid rgba(150,170,190,.18)!important}
.contactAddress b{display:flex;align-items:center;gap:8px}
.contactAddress span{display:block;margin-top:6px}
body.light .contactPersonMeta span{color:#5f7d8c}
body.light .contactPersonMeta small{color:#27495c}
@media(max-width:760px){.contactPerson{grid-template-columns:64px minmax(0,1fr);gap:12px}.contactAvatar{width:64px;height:64px}}
@media(max-width:430px){.contactPerson{grid-template-columns:1fr;text-align:center}.contactAvatar{margin:0 auto}}
/* 2026-10-02 hotfix: organisers + contacts runtime data and layout hardening */
.contactLayout{align-items:stretch!important}
.contactInfo,#contactForm{min-width:0!important}
.contactPeopleList{gap:10px!important}
.contactPerson{min-height:102px;padding:12px!important;border:1px solid rgba(120,170,195,.18)!important;border-radius:14px!important;background:rgba(7,25,35,.38)!important}
.contactPerson:first-child{border-top:1px solid rgba(120,170,195,.18)!important}
.contactPersonMeta b{font-size:14px!important;line-height:1.32!important}
.contactPersonMeta span{font-size:11px!important;line-height:1.45!important}
.contactPersonMeta small{font-size:11px!important;line-height:1.45!important;overflow-wrap:anywhere!important}
body.light .contactPerson{background:#fff!important;border-color:#cfe0e7!important}
.orgCard{overflow:hidden!important}
.orgLogoStage{flex:0 0 auto!important}
.orgLogoStage img{display:block!important}
@media(max-width:1100px){.contactLayout{grid-template-columns:1fr!important}.contactPeopleList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.contactPeopleList{grid-template-columns:1fr}.contactPerson{min-height:auto}}
/* FINAL 2026-10-02: social kit background + footer credit visibility */
.socialMediaContainer{
background-image:linear-gradient(90deg,rgba(2,13,21,.58),rgba(2,32,47,.16)),url('../assets/social_media_container.png')!important;
background-size:cover!important;
background-position:center center!important;
background-repeat:no-repeat!important;
}
.socialMediaContainer .planetGraphic{display:none!important;}
.socialMediaContainer>div:first-child{position:relative;z-index:2;max-width:52%;text-shadow:0 2px 12px rgba(0,0,0,.6);}
body.light .socialMediaContainer{
background-image:linear-gradient(90deg,rgba(244,250,252,.70),rgba(244,250,252,.18)),url('../assets/social_media_container.png')!important;
}
body.light .socialMediaContainer>div:first-child{text-shadow:none;}
/* Keep the software credit visible and legible in the footer on desktop/tablet. */
footer{position:relative;z-index:25;background:#02080d!important;color:#9eb2bf!important;}
footer span:first-child{display:block!important;visibility:visible!important;opacity:1!important;}
footer span:first-child strong{color:#ffffff!important;font-weight:800!important;}
body.light footer{background:#e4f0f5!important;color:#486779!important;}
body.light footer span:first-child strong{color:#153b55!important;}
@media (max-width:760px){
footer{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;height:auto!important;min-height:96px!important;padding:12px 14px 84px!important;}
footer span,footer span:nth-child(2),footer span:last-child{text-align:left!important;white-space:normal!important;}
}
/* 2026-10-02 FINAL SIDEBAR DOCK FIX
Keep brand, navigation and controls in separate vertical zones.
Footer stays in its own grid row and can no longer cover the controls. */
@media (min-width:1101px){
.sidebar{
position:relative!important;
z-index:40!important;
display:flex!important;
flex-direction:column!important;
height:100%!important;
min-height:0!important;
overflow:hidden!important;
padding:14px 0 12px!important;
}
.brand{
flex:0 0 auto!important;
height:auto!important;
min-height:148px!important;
padding:4px 14px 12px!important;
}
.brand img{
width:min(108px,86%)!important;
height:76px!important;
object-fit:contain!important;
}
.brand b{
margin-top:9px!important;
line-height:1.38!important;
}
.sidebar nav{
position:relative!important;
flex:1 1 auto!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
margin:8px 0 0!important;
padding:0 0 10px!important;
scrollbar-width:thin;
scrollbar-color:rgba(95,205,235,.28) transparent;
}
.sidebar nav::-webkit-scrollbar{width:4px}
.sidebar nav::-webkit-scrollbar-track{background:transparent}
.sidebar nav::-webkit-scrollbar-thumb{background:rgba(95,205,235,.28);border-radius:999px}
.sidebar nav a{
min-height:42px!important;
height:auto!important;
padding:9px 13px!important;
align-items:center!important;
white-space:normal!important;
line-height:1.22!important;
}
.sidebar nav a span{
white-space:normal!important;
overflow-wrap:anywhere!important;
word-break:normal!important;
}
.sidebarControls{
position:static!important;
inset:auto!important;
transform:none!important;
flex:0 0 auto!important;
width:auto!important;
margin:12px 10px 0!important;
padding:13px 0 0!important;
display:grid!important;
gap:9px!important;
border-top:1px solid rgba(99,181,216,.20)!important;
background:linear-gradient(180deg,rgba(2,8,13,0),rgba(2,8,13,.78) 18%,#02080d 44%)!important;
z-index:70!important;
}
.sidebarControls button,
.sidebarControls .eventsHomeBtn{
width:100%!important;
min-width:0!important;
min-height:50px!important;
height:auto!important;
margin:0!important;
transform:none!important;
}
.sidebarControls .switchLabel{
min-width:0!important;
overflow:hidden!important;
}
.sidebarControls .switchLabel b,
.sidebarControls .switchLabel small{
white-space:normal!important;
overflow-wrap:anywhere!important;
}
footer{
z-index:12!important;
isolation:isolate!important;
}
body.light .sidebarControls{
background:linear-gradient(180deg,rgba(237,245,247,0),rgba(237,245,247,.82) 18%,#edf5f7 44%)!important;
}
}
@media (min-width:1101px) and (max-height:860px){
.brand{min-height:126px!important;padding-top:0!important;padding-bottom:8px!important}
.brand img{height:62px!important}
.brand b{font-size:10px!important;margin-top:5px!important}
.sidebar nav{margin-top:3px!important;padding-bottom:6px!important}
.sidebar nav a{min-height:37px!important;padding-top:6px!important;padding-bottom:6px!important;font-size:10.5px!important}
.sidebarControls{margin-top:8px!important;padding-top:9px!important;gap:7px!important}
.sidebarControls button,.sidebarControls .eventsHomeBtn{min-height:45px!important}
}
/* 2026-10-02 FINAL SCROLL RANGE HOTFIX
Keep desktop side rails fixed while the centre scrolls within the actual grid row.
Do not force 100vh on children because the footer occupies its own grid row. */
@media (min-width:1101px){
.main{
height:100%!important;
max-height:100%!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch;
}
.sidebar,.right,.rightbar{
height:100%!important;
max-height:100%!important;
min-height:0!important;
}
.homeFlow{
min-height:min-content!important;
padding-bottom:36px!important;
}
.homeFlow .speakers{
height:auto!important;
min-height:max-content!important;
overflow:visible!important;
padding-bottom:40px!important;
}
.homeFlow .speakerGrid{
overflow:visible!important;
padding-bottom:4px!important;
}
}
/* ONE HEALTH UNIFIED PRODUCT — EVENT DOCK LINKS */
.sidebarControls .eventSwitchBtn{
width:100%;min-height:44px;border:1px solid #24475e;border-radius:15px;
background:linear-gradient(145deg,rgba(12,33,46,.94),rgba(5,18,27,.97));
color:#eef9ff;text-decoration:none;display:grid;grid-template-columns:46px minmax(0,1fr) 18px;
align-items:center;gap:7px;padding:6px 8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 7px 20px rgba(0,0,0,.22);
transition:.25s ease;
}
.sidebarControls .eventSwitchBtn:hover{transform:translateY(-1px);border-color:#4ccfee;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 25px rgba(0,0,0,.3),0 0 0 1px rgba(77,221,255,.12)}
.eventSwitchBtn .homeIcon{width:38px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#123f53,#0a2735);color:#67e4ff}
.eventSwitchBtn .homeIcon svg{width:17px;height:17px}.eventSwitchBtn .homeArrow{display:grid;place-items:center;color:#7898aa}.eventSwitchBtn .homeArrow svg{width:13px;height:13px}
body.light .sidebarControls .eventSwitchBtn{background:linear-gradient(145deg,#fff,#e5f1f6);color:#153b55;border-color:#b7d2df;box-shadow:inset 0 1px 0 #fff,0 7px 20px rgba(44,91,115,.1)}
body.light .eventSwitchBtn .homeIcon{background:linear-gradient(145deg,#dff5fb,#c7e9f3);color:#0f6987}
@media (min-width:1101px){.sidebar nav{padding-bottom:280px!important}}
@media (min-width:1101px) and (max-height:860px){.sidebarControls .eventSwitchBtn{min-height:40px}.sidebar nav{padding-bottom:250px!important}}
@media (max-width:1100px) and (min-width:761px){.sidebarControls .eventSwitchBtn{display:none!important}}
@media (max-width:760px){.sidebarControls .eventSwitchBtn{display:grid!important;flex:1 1 100%!important;min-height:46px!important;grid-template-columns:40px minmax(0,1fr) 18px!important}.eventSwitchBtn .homeIcon{width:34px;height:32px}}
/* 2026-10-04 — CLEAN SIDEBAR DOCK + ACTIVE EVENT SWITCH ==================== */
/* The previous dock used an opaque black gradient panel behind the controls.
The sidebar is now flex-safe, so the extra panel is no longer necessary. */
.sidebarControls{
background:transparent!important;
border-top:0!important;
box-shadow:none!important;
}
body.light .sidebarControls{
background:transparent!important;
border-top:0!important;
}
.sidebarControls button,
.sidebarControls .eventsHomeBtn,
.sidebarControls .eventSwitchBtn{
position:relative!important;
z-index:2!important;
}
.sidebarControls .eventsHomeBtn,
.sidebarControls .eventSwitchBtn{
pointer-events:auto!important;
cursor:pointer!important;
user-select:none;
-webkit-tap-highlight-color:transparent;
}
.sidebarControls .eventSwitchBtn{
min-height:54px!important;
border-radius:17px!important;
grid-template-columns:54px minmax(0,1fr) 18px!important;
gap:9px!important;
padding:7px 8px!important;
}
.sidebarControls .eventSwitchBtn:focus-visible,
.sidebarControls .eventsHomeBtn:focus-visible{
outline:2px solid #67e4ff!important;
outline-offset:2px!important;
}
@media (min-width:761px) and (max-width:1100px){
.sidebar{height:auto!important;min-height:68px!important;overflow:visible!important;flex-wrap:wrap!important}
.sidebarControls{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
position:relative!important;
width:100%!important;
margin:0!important;
padding:8px 12px 10px!important;
gap:8px!important;
}
.sidebarControls button,
.sidebarControls .eventsHomeBtn,
.sidebarControls .eventSwitchBtn{
display:grid!important;
width:100%!important;
min-width:0!important;
min-height:48px!important;
}
.sidebarControls .eventSwitchBtn{grid-template-columns:40px minmax(0,1fr) 16px!important}
}
@media (max-width:760px){
.sidebarControls{background:transparent!important;border-top:0!important}
.sidebarControls .eventSwitchBtn{
display:grid!important;
flex:1 1 100%!important;
min-height:50px!important;
grid-template-columns:44px minmax(0,1fr) 18px!important;
}
}
/* October 2026 — clear, responsive cooperative and new partner logo tiles. */
.orgGrid.cooperativePartnerGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.orgGrid.cooperativePartnerGrid .orgLogoStage{background:#fff!important;}
.orgCard .orgLogoStage img{object-fit:contain!important;object-position:center!important;}
.right .currentPartners .partnerLogo{overflow:hidden!important;min-width:0!important;}
.right .currentPartners .partnerLogo img{object-fit:contain!important;object-position:center!important;}
@media (max-width:760px){.orgGrid.cooperativePartnerGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media (max-width:430px){.orgGrid.cooperativePartnerGrid{grid-template-columns:1fr!important;}}
/* 2026-10-09: approved organiser + sponsor category layout */
.dashboardPage .orgGroup{margin-block:0 34px!important;min-width:0;}
.dashboardPage .orgGroup>h2{font-size:clamp(17px,1.45vw,21px)!important;line-height:1.4!important;overflow-wrap:anywhere;}
.dashboardPage .orgGroup .orgGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
.dashboardPage .orgGroup .orgCard{min-width:0!important;min-height:184px!important;overflow:hidden!important;}
.dashboardPage .orgGroup .orgCard>b{overflow-wrap:anywhere;word-break:normal;hyphens:auto;font-size:clamp(12px,1vw,14px)!important;}
.dashboardPage .orgGroup .orgLogoStage{width:100%;background:#fff!important;}
.dashboardPage .orgGroup .orgLogoStage img{display:block;object-fit:contain!important;object-position:center!important;}
.dashboardPage .sponsorsGroup .orgLogoStage img{max-width:100%!important;max-height:100%!important;}
@media (max-width:850px){.dashboardPage .orgGroup .orgGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media (max-width:480px){.dashboardPage .orgGroup .orgGrid{grid-template-columns:1fr!important;gap:12px!important;}.dashboardPage .orgGroup .orgCard{min-height:152px!important;}}