/* WebinarHub Revision 3 — single final presentation layer. No route, data or JS changes. */
body.wh-v3{--v3-ink:#1a293a;--v3-accent:#007f83;--v3-soft:#f4f7f6;--v3-line:#e0e7e6;--v3-sub:#697881;background:#f5f7f8;color:var(--v3-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:0}
.wh-v3 .topbar{position:sticky;top:0;z-index:80;height:76px!important;min-height:76px;background:#fff;border-bottom:1px solid var(--v3-line);box-shadow:none;padding:0 clamp(22px,5vw,90px);gap:18px}
.wh-v3 .topbar .brand{font-size:20px;font-weight:800;letter-spacing:-.045em;color:#172b3c;gap:12px}.wh-v3 .topbar .brand img{height:44px;width:60px;object-fit:contain}.wh-v3 .topbar .brand b{color:#007e82}.wh-v3 .topbar nav{gap:clamp(12px,2vw,29px)}.wh-v3 .topbar nav a{font-size:13px;color:#3e5361;font-weight:700}.wh-v3 .topbar nav a:hover{color:#007f83;text-decoration:none}.wh-v3 .navbtn,.wh-v3 .btn{transition:background-color .16s,box-shadow .16s,transform .16s;border-radius:10px;font-weight:750}.wh-v3 .topbar .navbtn.solid,.wh-v3 .btn-primary,.wh-v3 .btn.solid{background:#007f83!important;border-color:#007f83!important;color:white!important}.wh-v3 .btn-primary:hover,.wh-v3 .topbar .navbtn.solid:hover{background:#005e63!important}.wh-v3 .btn-ghost{background:#eff5f5;color:#086a72}.wh-v3 .btn-ghost:hover{background:#dfeeed;text-decoration:none}
/* Completely rebuilt public homepage */
.wh-v3 .wh-landing{background:#fbfcfb;border-bottom:1px solid #e6eae8;overflow:hidden}.wh-v3 .wh-landing-inner{max-width:1530px;margin:auto;padding:clamp(52px,6vw,104px) clamp(24px,5vw,90px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(40px,5vw,92px);align-items:center;min-height:620px}.wh-v3 .wh-intro{min-width:0}.wh-v3 .wh-kicker{display:inline-flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.17em;font-weight:850;color:#007d7e}.wh-v3 .wh-kicker-mark{height:8px;width:8px;border-radius:2px;transform:rotate(45deg);background:#18aa99}.wh-v3 .wh-intro h1{margin:25px 0 26px;font-size:clamp(48px,5.3vw,85px);line-height:1.045;letter-spacing:-.066em;font-weight:850;color:#172a3a;max-width:780px}.wh-v3 .wh-intro h1 span{color:#008b88}.wh-v3 .wh-intro-lead{max-width:565px;color:#647680;font-size:clamp(16px,1.25vw,19px);line-height:1.75;margin-bottom:32px}.wh-v3 .concept-home-search.wh-find{display:flex;max-width:625px;width:100%;border:1px solid #dce6e5;background:#fff;box-shadow:0 10px 32px #122f3810;border-radius:14px;padding:7px;align-items:center;gap:4px}.wh-v3 .wh-find .wh-search-glyph{font-size:28px;color:#829b9f;padding-left:13px;line-height:1}.wh-v3 .wh-find input[type=search]{background:transparent;border:none;outline:none;box-shadow:none;min-width:0;flex:1;height:49px;padding:10px;font-size:13px;color:#172d3b}.wh-v3 .wh-find button[type=submit]{border:0;border-radius:9px;background:#007f83;color:#fff;font-size:13px;font-weight:800;min-height:48px;padding:12px 19px;white-space:nowrap;cursor:pointer}.wh-v3 .wh-find button[type=submit]:hover{background:#005e63}.wh-v3 .wh-intro-support{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;font-size:12px;color:#6c7b82}.wh-v3 .wh-intro-support a{font-weight:800;margin-left:auto;color:#007d82}.wh-v3 .wh-live-dot{height:8px;width:8px;background:#18a38e;border-radius:50%;box-shadow:0 0 0 4px #18a38e20}
.wh-v3 .wh-showcase{background:#0d3543;color:#fff;border-radius:24px;min-height:465px;display:flex;flex-direction:column;justify-content:space-between;padding:30px 34px;position:relative;isolation:isolate;overflow:hidden;box-shadow:0 26px 60px #0a354325}.wh-v3 .wh-showcase:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 82% 35%,#2fa39b72,transparent 45%),linear-gradient(155deg,#113c4e,#092b39)}.wh-v3 .wh-showcase:after{content:"";position:absolute;z-index:-1;left:32%;top:13%;width:390px;height:390px;border:1px solid #b8ecea35;border-radius:50%;box-shadow:0 0 0 56px #b8ecea09,0 0 0 112px #b8ecea09}.wh-v3 .wh-showcase-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.18em;font-weight:850;color:#b7d7db}.wh-v3 .wh-showcase-symbol{font-size:25px;color:#a4ece0}.wh-v3 .wh-showcase-middle{position:relative;flex:1;display:flex;align-items:center}.wh-v3 .wh-large-asterisk{font-size:clamp(130px,19vw,280px);position:absolute;top:5%;right:-5%;line-height:1;color:#2a9d9a48;transform:rotate(-11deg)}.wh-v3 .wh-showcase-note{position:relative;z-index:1;font-size:clamp(31px,3vw,48px);line-height:1.22;letter-spacing:-.055em;font-weight:800}.wh-v3 .wh-showcase-note em{font-style:normal;color:#8ee9db}.wh-v3 .wh-showcase-bottom{border-top:1px solid #ffffff42;padding-top:22px;display:flex;justify-content:space-between;align-items:end;gap:10px}.wh-v3 .wh-showcase-bottom div{display:grid;gap:7px}.wh-v3 .wh-showcase-small{font-size:9px;letter-spacing:.17em;color:#90c4c8;font-weight:800}.wh-v3 .wh-showcase-bottom strong{font-size:15px}.wh-v3 .wh-showcase-bottom a{width:46px;height:46px;display:grid;place-items:center;color:#113741;background:#a9e9dc;border-radius:50%;font-size:24px;text-decoration:none}
.wh-v3 .wh-value-strip{max-width:1450px;margin:auto;padding:29px clamp(24px,4vw,55px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:#f5f7f8}.wh-v3 .wh-value-strip>div{display:flex;align-items:center;gap:14px;padding:16px 10px;min-width:0}.wh-v3 .wh-value-strip>div:not(:last-child){border-right:1px solid #dfe5e6}.wh-v3 .wh-value-icon{height:46px;width:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px;background:#e0eeee;color:#007f83;font-size:24px}.wh-v3 .wh-value-strip>div>span:last-child{display:grid;gap:5px}.wh-v3 .wh-value-strip strong{font-size:13px;color:#203c4b}.wh-v3 .wh-value-strip small{font-size:11px;color:#687c86;line-height:1.4}
.wh-v3 #webinars.section{max-width:1410px;padding:51px clamp(24px,4vw,50px) 88px}.wh-v3 #webinars .section-head{padding:0 0 22px;background:transparent;border:0;box-shadow:none;margin:0 0 24px;border-bottom:1px solid #dde6e8;border-radius:0}.wh-v3 #webinars .section-head h2{font-size:clamp(31px,3.3vw,47px);letter-spacing:-.06em;line-height:1.14;margin:10px 0}.wh-v3 .wh-head-dot{color:#0a9293}.wh-v3 #webinars .section-head .eyebrow{color:#058b89}.wh-v3 #webinars .section-head p{color:#758891}.wh-v3 #webinars .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.wh-v3 .event-card{background:#fff;border:1px solid #e1e9e9;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #1236420a;transition:transform .18s,box-shadow .18s}.wh-v3 .event-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #12364218}.wh-v3 .event-cover{height:185px;background:linear-gradient(145deg,#184454,#087d83)!important;display:flex;align-items:flex-start;padding:22px}.wh-v3 .event-cover[style]{background-size:cover!important;background-position:center!important}.wh-v3 .event-cover span{font-size:10px;letter-spacing:.13em;background:#ffffffed;border-radius:6px;color:#0a5664;padding:6px 10px}.wh-v3 .event-content{padding:25px}.wh-v3 .event-content h3{font-size:21px;line-height:1.3;letter-spacing:-.03em;min-height:53px}.wh-v3 .event-content .btn{margin-top:10px;min-height:43px}.wh-v3 .tag{border-radius:20px;padding:6px 11px}
/* Full application workspace treatment */
.wh-v3 .app-shell.has-sidebar{grid-template-columns:252px minmax(0,1fr)!important;align-items:stretch;background:#f4f7f9}.wh-v3 .app-shell.has-sidebar>.admin-sidebar{position:sticky;top:76px;height:calc(100dvh - 76px);overflow-y:auto;background:#132f3d!important;padding:25px 14px;border:0;gap:5px}.wh-v3 .admin-sidebar .side-title{display:grid;gap:7px;padding:14px 15px 25px;border-bottom:1px solid #ffffff20;margin-bottom:12px;color:#9bbac2;font-size:10px;letter-spacing:.16em}.wh-v3 .admin-sidebar .side-title strong{font-size:17px;letter-spacing:-.03em;text-transform:none;color:#fff}.wh-v3 .app-shell.has-sidebar>.admin-sidebar a{padding:12px 15px;color:#d0dfe3;border-radius:10px;font-weight:650;font-size:13px}.wh-v3 .app-shell.has-sidebar>.admin-sidebar a:hover{background:#ffffff13;color:#fff}.wh-v3 .app-shell.has-sidebar>.admin-sidebar a.active{background:#117d83;color:#fff;box-shadow:inset 3px 0 0 #a2f0df}.wh-v3 .app-shell.has-sidebar>main>.section{width:100%;max-width:none;padding:31px clamp(20px,3.1vw,52px) 55px}.wh-v3 .app-shell.has-sidebar .section-head{display:flex;flex-wrap:wrap;align-items:center;padding:26px 29px;background:#fff;border:1px solid #e1e8eb;box-shadow:0 5px 20px #15394a08;border-radius:17px;margin-bottom:23px;gap:18px}.wh-v3 .section-head h1{font-size:clamp(25px,2.6vw,36px);letter-spacing:-.045em;line-height:1.2}.wh-v3 .app-shell.has-sidebar .section-head p{max-width:650px;font-size:13px;color:#72858f}.wh-v3 .app-shell.has-sidebar .section-head .actions{gap:8px;align-items:center}.wh-v3 .stats{gap:15px}.wh-v3 .stat{position:relative;background:#fff;border:1px solid #e0e8e9;border-radius:16px;padding:22px 24px;box-shadow:0 6px 16px #14374807;overflow:hidden}.wh-v3 .stat:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:#0b8f92}.wh-v3 .stat span{font-size:12px;font-weight:700;color:#6e818c}.wh-v3 .stat strong{font-size:34px;letter-spacing:-.055em;color:#1b3646;margin-top:6px}.wh-v3 .panel{border:1px solid #e1e8ea;background:#fff;border-radius:16px;box-shadow:0 8px 25px #14374808;padding:clamp(19px,2.2vw,29px);margin:20px 0}.wh-v3 .panel h2{letter-spacing:-.035em;color:#1a3948}.wh-v3 .table-wrap{border:1px solid #e6ecee;border-radius:12px;overflow-x:auto}.wh-v3 table{border-collapse:collapse;width:100%}.wh-v3 th{background:#f4f8f8;letter-spacing:.075em;color:#54717d;font-size:10px;font-weight:800}.wh-v3 td{color:#314d5b;font-size:12px}.wh-v3 td,.wh-v3 th{padding:14px 12px;border-bottom:1px solid #e8eeef;vertical-align:middle}.wh-v3 tbody tr:hover{background:#f7fbfb}.wh-v3 .form input,.wh-v3 .form textarea,.wh-v3 .form select,.wh-v3 input:not([type=hidden]),.wh-v3 select,.wh-v3 textarea{border-color:#d7e2e4;border-radius:9px}.wh-v3 :is(button,a,input,select,textarea):focus-visible{outline:3px solid #2bada6;outline-offset:2px}.wh-v3 .alert{border-radius:12px}
/* Participant navigation and card layout */
.wh-v3 .concept-participant-heading{background:#fff;border:1px solid #e1e8ea;border-radius:17px;padding:28px;box-shadow:0 6px 20px #15394a08}.wh-v3 .concept-portal-menu{border-radius:15px;background:#fff;border:1px solid #e2e9eb}.wh-v3 .concept-portal-menu a.active{background:#e0f2f0;color:#006d72}.wh-v3 .concept-metrics>div{border-radius:15px;background:#fff;border:1px solid #e1e9ea;box-shadow:0 5px 18px #15394a08}.wh-v3 .concept-registered-item{background:#fff;border:1px solid #e3eaec;border-radius:14px}.wh-v3 .auth-art{background:linear-gradient(150deg,#133a4a,#087980)}
@media(max-width:1100px){.wh-v3 .wh-landing-inner{grid-template-columns:minmax(0,1fr) minmax(285px,.85fr);gap:30px}.wh-v3 .wh-intro h1{font-size:clamp(44px,5.8vw,70px)}.wh-v3 .wh-value-strip{grid-template-columns:repeat(2,1fr)}.wh-v3 .wh-value-strip>div:nth-child(2){border-right:0}.wh-v3 #webinars .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.wh-v3 .app-shell.has-sidebar{grid-template-columns:1fr!important}.wh-v3 .app-shell.has-sidebar>.admin-sidebar{position:static;height:auto;display:flex;flex-direction:row;overflow-x:auto;padding:9px 12px;gap:6px;white-space:nowrap}.wh-v3 .app-shell.has-sidebar>.admin-sidebar a{white-space:nowrap;flex:0 0 auto}.wh-v3 .app-shell.has-sidebar>.admin-sidebar .side-title{display:none}.wh-v3 .wh-landing-inner{grid-template-columns:1fr;min-height:0}.wh-v3 .wh-showcase{min-height:340px;max-width:none}.wh-v3 .wh-showcase-middle{min-height:190px}.wh-v3 .wh-intro h1{font-size:clamp(48px,7vw,72px)}}
@media(max-width:600px){.wh-v3 .topbar{height:auto!important;min-height:76px;flex-wrap:wrap;padding:12px 16px}.wh-v3 .topbar nav{gap:9px 14px;flex-wrap:wrap}.wh-v3 .topbar nav a{font-size:12px}.wh-v3 .wh-landing-inner{padding:52px 19px 28px;gap:29px}.wh-v3 .wh-intro h1{font-size:clamp(42px,10vw,61px);margin:19px 0}.wh-v3 .wh-kicker{font-size:9px;letter-spacing:.1em}.wh-v3 .wh-intro-lead{font-size:15px}.wh-v3 .wh-find{flex-wrap:wrap;padding:9px}.wh-v3 .wh-find input[type=search]{flex:1 1 calc(100% - 60px)}.wh-v3 .wh-find button[type=submit]{width:100%}.wh-v3 .wh-intro-support a{margin-left:0}.wh-v3 .wh-showcase{min-height:310px;padding:23px}.wh-v3 .wh-showcase-note{font-size:34px}.wh-v3 .wh-value-strip{grid-template-columns:1fr 1fr;padding:14px}.wh-v3 .wh-value-strip>div{gap:8px;padding:10px 2px;border-right:0!important}.wh-v3 .wh-value-icon{width:35px;height:35px;flex-basis:35px;font-size:20px}.wh-v3 .wh-value-strip strong{font-size:11px}.wh-v3 .wh-value-strip small{font-size:10px}.wh-v3 #webinars.section{padding:35px 17px 65px}.wh-v3 #webinars .cards{grid-template-columns:1fr}.wh-v3 .app-shell.has-sidebar>main>.section{padding:19px 13px 35px}.wh-v3 .app-shell.has-sidebar .section-head{padding:20px}.wh-v3 .section-head .actions{flex-wrap:wrap}.wh-v3 .stats{grid-template-columns:1fr}.wh-v3 .panel{padding:18px}}
@media(prefers-reduced-motion:reduce){.wh-v3 *, .wh-v3 *::before,.wh-v3 *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
