/* Approved webinar-first visual language. Presentation only; no form or route changes. */
.wh-v4{--wh4-navy:#0f2b43;--wh4-teal:#00888c;--wh4-soft:#e6f6f6;--wh4-border:#e1e9ed;background:#fff;color:var(--wh4-navy)}
.wh-v4 .topbar{height:68px!important;min-height:68px;padding-inline:clamp(20px,5vw,85px)}
.wh-v4 .topbar .brand{font-size:22px}
.wh-v4 .app-shell:not(.has-sidebar)>main{min-width:0}
.wh-v4 .wh4-hero{max-width:1540px;margin:auto;padding:32px clamp(22px,4.5vw,74px) 32px;display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(22px,4vw,60px);align-items:center;min-height:345px;background:linear-gradient(110deg,#f8fcfd,#e6f7f8)}
.wh-v4 .wh4-hero-copy{position:relative;z-index:2}.wh-v4 .wh4-eyebrow{font-weight:850;letter-spacing:.2em;font-size:10px;color:#007e87}.wh-v4 .wh4-hero h1{font-size:clamp(41px,4.3vw,68px);font-weight:850;letter-spacing:-.062em;line-height:1.08;color:#102c44;margin:15px 0}.wh-v4 .wh4-hero h1 em{font-style:normal;color:#00898d}.wh-v4 .wh4-hero-copy>p{font-size:clamp(14px,1.18vw,18px);line-height:1.5;color:#506a7c;max-width:560px;margin:0 0 26px}.wh-v4 .wh4-hero-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:675px}.wh-v4 .wh4-hero-benefits span{display:flex;align-items:center;gap:9px;font-size:11px;color:#183849;font-weight:730;line-height:1.3}.wh-v4 .wh4-hero-benefits b,.wh-v4 .wh4-why-grid b{flex:none;background:#d8f1f0;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#007c84;font-size:21px}.wh-v4 .wh4-hero-link{display:inline-flex;gap:10px;align-items:center;color:#007d83;font-weight:780;font-size:12px;margin-top:25px;text-decoration:none}
.wh-v4 .wh4-hero-art{height:290px;position:relative;border-radius:38% 12% 27% 14%;background:linear-gradient(125deg,#c1eeeb,#008a95);overflow:hidden;isolation:isolate}.wh-v4 .wh4-orbit{position:absolute;border:2px solid #ffffff5c;border-radius:50%;width:360px;height:360px;top:-100px;right:-30px}.wh-v4 .wh4-orbit-two{width:260px;height:260px;top:-48px;right:25px}.wh-v4 .wh4-art-screen{position:absolute;top:25px;left:18%;width:62%;height:230px;border-radius:18px;background:#0e3c50;box-shadow:0 18px 32px #04394742;overflow:hidden;transform:rotate(-3deg)}.wh-v4 .wh4-screen-header{display:flex;gap:7px;padding:14px 17px;background:#ffffff1a}.wh-v4 .wh4-screen-header span{height:7px;width:7px;background:#b9e9e5;border-radius:50%}.wh-v4 .wh4-screen-symbol{font-size:95px;text-align:center;color:#7dd9ce;line-height:1.5}.wh-v4 .wh4-screen-bars{display:flex;align-items:flex-end;gap:10px;position:absolute;bottom:22px;left:22px}.wh-v4 .wh4-screen-bars i{width:14px;height:25px;background:#54b9b7;border-radius:5px}.wh-v4 .wh4-screen-bars i:nth-child(2){height:41px}.wh-v4 .wh4-screen-bars i:nth-child(3){height:32px}.wh-v4 .wh4-screen-bars i:nth-child(4){height:54px}.wh-v4 .wh4-floating{position:absolute;z-index:3;background:#ffffffef;border:1px solid #e1f0f0;border-radius:12px;box-shadow:0 12px 24px #0c435120;padding:12px 15px;display:grid;gap:4px;color:#143e4d}.wh-v4 .wh4-floating strong{font-size:12px}.wh-v4 .wh4-floating small{font-size:10px;color:#677f8a}.wh-v4 .wh4-floating-a{top:35px;left:2%}.wh-v4 .wh4-floating-a strong{color:#057980}.wh-v4 .wh4-floating-b{top:55px;right:2%}.wh-v4 .wh4-floating-c{bottom:22px;right:1%}
.wh-v4 .wh4-catalogue{max-width:1490px;margin:auto;padding:33px clamp(20px,4vw,62px) 35px}.wh-v4 .wh4-section-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 14px}.wh-v4 .wh4-section-head h2,.wh-v4 .wh4-why h2{font-size:clamp(23px,2.3vw,33px);font-weight:830;letter-spacing:-.05em;color:#102b43;margin:0 0 3px}.wh-v4 .wh4-section-head p{color:#617788;font-size:13px;margin:0}.wh-v4 .wh4-topics{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.wh-v4 .wh4-topics span{border-radius:30px;background:#f1f5f6;padding:8px 16px;font-size:11px;font-weight:700;color:#466173;border:1px solid #e8edef}.wh-v4 .wh4-webinar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wh-v4 .wh4-webinar-card{border:1px solid #e1e8ec;background:#fff;border-radius:15px;box-shadow:0 8px 21px #12364d0a;overflow:hidden;display:flex;flex-direction:column;min-width:0}.wh-v4 .wh4-cover{height:135px;position:relative;background:linear-gradient(130deg,#c3eae8,#107c86);overflow:hidden}.wh-v4 .wh4-cover-1{background:linear-gradient(130deg,#c9e6f4,#266f90)}.wh-v4 .wh4-cover-2{background:linear-gradient(130deg,#dfeced,#317c77)}.wh-v4 .wh4-cover-3{background:linear-gradient(130deg,#cde0ed,#184b6e)}.wh-v4 .wh4-cover-symbol{font-size:130px;position:absolute;right:16px;top:-39px;color:#ffffff70;transform:rotate(-15deg)}.wh-v4 .wh4-date{position:absolute;top:10px;left:11px;width:47px;border-radius:9px;background:white;padding:6px;display:grid;text-align:center;line-height:1.05;z-index:1;box-shadow:0 3px 10px #0a374018}.wh-v4 .wh4-date strong{font-size:22px;color:#132f45}.wh-v4 .wh4-date small{font-size:10px;font-weight:800;color:#597282}.wh-v4 .wh4-price{position:absolute;right:10px;top:10px;background:#defaf1;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:800;color:#10535c}.wh-v4 .wh4-webinar-content{padding:16px;display:flex;flex-direction:column;flex:1;gap:7px}.wh-v4 .wh4-webinar-content h3{font-size:17px;line-height:1.25;margin:0 0 7px;letter-spacing:-.03em;color:#122b43;min-height:44px}.wh-v4 .wh4-meta{font-size:12px;color:#526b7b;margin:0}.wh-v4 .wh4-meta span{color:#0a7b83;margin-right:5px}.wh-v4 .wh4-description{font-size:12px;line-height:1.45;color:#5c7280;margin:5px 0 0}.wh-v4 .wh4-seats{font-size:11px;color:#14717a;margin:auto 0 0;padding-top:9px}.wh-v4 .wh4-register{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:8px;min-height:41px;font-size:12px}.wh-v4 .wh4-more-heading{margin-top:28px}.wh-v4 .wh4-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wh-v4 .wh4-more-card{display:flex;align-items:center;gap:11px;border:1px solid #e1e9eb;border-radius:13px;padding:14px;background:#fff;text-decoration:none;color:#183449}.wh-v4 .wh4-more-date{background:#e9f5f5;padding:9px;flex:none;border-radius:8px;color:#007d83;font-weight:800;font-size:12px}.wh-v4 .wh4-more-card>span:nth-child(2){min-width:0;display:grid;gap:5px;flex:1}.wh-v4 .wh4-more-card strong{font-size:13px}.wh-v4 .wh4-more-card small{font-size:11px;color:#597080}.wh-v4 .wh4-more-card>span:last-child{color:#00868b}
.wh-v4 .wh4-why{background:#eaf6f6;padding:24px clamp(20px,4vw,62px)}.wh-v4 .wh4-why-inner{max-width:1360px;margin:auto}.wh-v4 .wh4-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.wh-v4 .wh4-why-grid>div{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e0eeee;border-radius:12px;padding:14px}.wh-v4 .wh4-why-grid strong{display:block;font-size:12px;color:#183345}.wh-v4 .wh4-why-grid small{display:block;font-size:11px;color:#637783;line-height:1.4;margin-top:3px}
/* All auth pages retain server-rendered inputs, original field names, CSRF, and validation. */
.wh-v4 .fpd-signin,.wh-v4 .auth-grid.wh4-signup,.wh-v4 .recovery-layout{background:linear-gradient(110deg,#f5fcfd,#edf8f9)!important;min-height:calc(100vh - 150px);max-width:none;gap:clamp(20px,4vw,65px);padding:clamp(26px,4vw,60px) clamp(20px,5vw,80px)}
.wh-v4 .fpd-signin__hero,.wh-v4 .auth-art.registration-context,.wh-v4 .recovery-brand{border-radius:20px!important;background:radial-gradient(circle at 30% 85%,#bcebea 0,#ddf5f4 23%,transparent 24%),linear-gradient(145deg,#effafa,#d1f0ef)!important;color:#17374c!important;box-shadow:none!important;overflow:hidden}
.wh-v4 .fpd-signin__hero:before,.wh-v4 .recovery-brand:before{background:radial-gradient(circle at 70% 80%,#0d899328,transparent 45%)!important}
.wh-v4 .fpd-signin__hero h1,.wh-v4 .auth-art h1,.wh-v4 .recovery-brand h1{color:#112e45!important;font-size:clamp(35px,4vw,58px)!important;line-height:1.13;letter-spacing:-.05em}.wh-v4 .fpd-signin__hero h1 span,.wh-v4 .recovery-brand h1 span{color:#00878a!important}.wh-v4 .fpd-signin__hero p,.wh-v4 .auth-art p,.wh-v4 .recovery-brand p{color:#506d7d!important}.wh-v4 .fpd-signin__hero .fpd-signin__eyebrow{color:#007b83!important}.wh-v4 .fpd-signin__card,.wh-v4 .auth-form,.wh-v4 .recovery-card{border-radius:20px;background:#fff;border:1px solid #e0e9ed;box-shadow:0 17px 55px #17394a12;padding:clamp(24px,3.4vw,47px)}.wh-v4 .fpd-signin__card h2,.wh-v4 .auth-form h2,.wh-v4 .recovery-card h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.045em;color:#142f44}.wh-v4 .fpd-signin .form input,.wh-v4 .wh4-signup .form input,.wh-v4 .wh4-signup .form select,.wh-v4 .wh4-signup .form textarea,.wh-v4 .recovery-form input{border-radius:10px!important;min-height:45px;background:#fff}.wh-v4 .fpd-signin__submit,.wh-v4 .auth-form button[type=submit],.wh-v4 .recovery-form button[type=submit]{background:#00888c!important;border-color:#00888c!important;border-radius:10px!important;min-height:46px}.wh-v4 .recovery-brand-content{position:relative;z-index:1}.wh-v4 .recovery-brand h1{max-width:520px}.wh-v4 .wh4-signup .registration-context{padding:clamp(27px,4vw,52px)}
.wh-v4 footer{background:#102e47;color:#c2d5de;padding:26px clamp(22px,5vw,85px);display:flex;gap:20px;justify-content:space-between}.wh-v4 footer span{color:inherit}
@media(max-width:1130px){.wh-v4 .wh4-webinar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-v4 .wh4-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-v4 .wh4-hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-v4 .wh4-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wh-v4 .wh4-hero{grid-template-columns:1fr;padding:30px 20px;min-height:0}.wh-v4 .wh4-hero-art{height:235px;max-width:560px;width:100%;margin:auto}.wh-v4 .wh4-hero h1{font-size:clamp(37px,8vw,57px)}.wh-v4 .wh4-catalogue{padding:29px 16px}.wh-v4 .wh4-more-grid{grid-template-columns:1fr}.wh-v4 .fpd-signin,.wh-v4 .auth-grid.wh4-signup,.wh-v4 .recovery-layout{padding:22px 16px}.wh-v4 footer{flex-wrap:wrap}}
@media(max-width:520px){.wh-v4 .wh4-webinar-grid,.wh-v4 .wh4-why-grid{grid-template-columns:1fr}.wh-v4 .wh4-hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-v4 .wh4-webinar-content h3{min-height:0}.wh-v4 .wh4-cover{height:155px}.wh-v4 .wh4-floating-b{right:0}.wh-v4 .wh4-floating-a{left:0}.wh-v4 .wh4-topics{gap:6px}.wh-v4 .wh4-topics span{padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.wh-v4 *, .wh-v4 *:before,.wh-v4 *:after{animation:none!important;transition:none!important}}
/* No decorative people or stock images are used in the public/auth presentation. */
.wh-v4 .fpd-signin__hero,.wh-v4 .auth-art.registration-context,.wh-v4 .recovery-brand{background-image:linear-gradient(145deg,#f0fbfb,#cfefee)!important}
.wh-v4 .fpd-signin__hero::after,.wh-v4 .auth-art.registration-context::after,.wh-v4 .recovery-brand::after{background-image:none!important}

/* A zero-webinar state must span the full catalogue grid, not one card column. */
.wh-v4 .wh4-webinar-grid > .wh4-webinar-empty {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
    padding: clamp(24px, 4vw, 40px);
    text-align: center;
}

/* Public webinar details: only show supplied content, without placeholder panels. */
.wh-v4 .concept-detail-top--no-image {
    display: block;
    min-height: 0;
}

.wh-v4 .wh-public-detail-description {
    max-width: 75ch;
    margin: 20px 0 24px;
}

.wh-v4 .wh-public-detail-description h2 {
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.3;
    margin: 0 0 9px;
}

.wh-v4 .wh-public-detail-description p {
    line-height: 1.65;
    margin: 0;
    overflow-wrap: anywhere;
}

.wh-v4 .concept-detail-art.wh-public-detail-image {
    position: relative;
    min-height: 240px;
    padding: 0;
    background-image: none !important;
    overflow: hidden;
}

.wh-v4 .wh-public-detail-image img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 600px) {
    .wh-v4 .concept-detail-top--no-image .concept-detail-copy {
        padding: 25px;
    }
}