.nav-portal{position:relative;padding:11px 16px!important;border-radius:3px;background:linear-gradient(110deg,#1266aa,#008fe8);color:#fff!important;opacity:1!important;box-shadow:0 8px 25px rgba(18,102,170,.28)}.nav-portal:after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.25);pointer-events:none}.mijn-ssa-promo{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,6vw,100px);align-items:center;min-height:720px;padding:clamp(80px,10vw,145px) clamp(24px,8vw,130px);overflow:hidden;background:radial-gradient(circle at 85% 12%,rgba(18,137,216,.35),transparent 28%),linear-gradient(125deg,#061329 0 55%,#102f54 100%);color:#fff}.mijn-ssa-promo:before{content:"20—26";position:absolute;right:-20px;bottom:-115px;color:rgba(255,255,255,.035);font:900 clamp(170px,26vw,440px)/1 var(--head)}.mijn-ssa-promo-copy{position:relative;z-index:2}.portal-kicker{margin:0;color:#26aaf8;font:800 17px/1 var(--body);letter-spacing:.24em}.mijn-ssa-promo h2{margin:25px 0 30px;font:900 clamp(65px,8vw,125px)/.78 var(--head);letter-spacing:-.04em;text-transform:uppercase}.mijn-ssa-promo h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1.5px #fff}.mijn-ssa-promo-copy>p:last-of-type{max-width:630px;color:#cbd9e6;font-size:clamp(17px,1.35vw,21px)}.mijn-ssa-promo-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:35px}.portal-button{gap:12px;background:linear-gradient(110deg,#168bdd,#006eb7);color:#fff;box-shadow:0 15px 35px rgba(0,112,186,.25)}.portal-button span{font-size:19px}.portal-login-link{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.portal-preview{position:relative;z-index:2;min-width:0;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:#f5f8fb;box-shadow:0 45px 100px rgba(0,0,0,.38);color:#0c1d35;transform:rotate(1.5deg)}.portal-preview-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 16px;border-bottom:1px solid #dce5ec}.portal-preview-bar>span{display:flex;gap:5px}.portal-preview-bar i{width:8px;height:8px;border-radius:50%;background:#d1d9e0}.portal-preview-bar i:first-child{background:#ef3340}.portal-preview-bar i:nth-child(2){background:#f1b731}.portal-preview-bar b{font-size:.72rem}.portal-preview-bar em{justify-self:end;color:#758599;font-size:.62rem;font-style:normal}.portal-preview-body{display:grid;grid-template-columns:150px 1fr;min-height:430px}.portal-preview-body>aside{display:flex;flex-direction:column;gap:8px;padding:25px 13px;border-radius:0 0 0 23px;background:#07182f;color:#91a5ba}.portal-preview-body>aside strong{margin:0 6px 22px;color:#fff;font-size:1.2rem}.portal-preview-body>aside strong em{color:#20a8fa;font-style:normal}.portal-preview-body>aside span{padding:10px;border-radius:8px;font-size:.68rem}.portal-preview-body>aside span.active{background:#0e3a64;color:#fff}.portal-preview-main{padding:35px 28px}.portal-preview-main>small{color:#1b81c4;font-weight:900;letter-spacing:.14em}.portal-preview-main h3{margin:7px 0 27px;font:900 clamp(36px,4vw,65px)/.83 var(--head);text-transform:uppercase}.portal-preview-main h3 em{color:#149be9;font-style:normal}.preview-action{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #e8c5c9;border-radius:14px;background:#fff7f7}.preview-action>span{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#ffe1e4;color:#d31b2c;font-weight:900}.preview-action p{min-width:0;flex:1;margin:0}.preview-action p b,.preview-action p small{display:block}.preview-action p small{color:#738498}.preview-action>i{color:#1266aa;font-size:.72rem;font-style:normal;font-weight:850}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.preview-grid article{padding:15px;border-radius:13px;background:#eaf1f6}.preview-grid small,.preview-grid b,.preview-grid span{display:block}.preview-grid small{color:#1a80c1;font-size:.58rem;font-weight:900}.preview-grid b{margin:5px 0}.preview-grid span{color:#718297;font-size:.67rem}
.mijn-ssa-info-page{background:#f1f5f8}.portal-info-hero{position:relative;min-height:900px;display:flex;align-items:center;overflow:hidden;padding:160px clamp(24px,8vw,130px) 120px;background:radial-gradient(circle at 80% 30%,rgba(22,143,220,.35),transparent 24%),linear-gradient(120deg,#050f22 0 58%,#0b3760 100%);color:#fff}.portal-info-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,#000,transparent)}.portal-info-copy{position:relative;z-index:2;max-width:1100px}.portal-info-copy>p{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.portal-info-copy>p span{display:inline-block;margin-right:12px;padding:8px 11px;background:linear-gradient(90deg,#1266aa 50%,#d9020b 50%)}.portal-info-copy h1{margin:38px 0 32px;font:900 clamp(76px,11vw,175px)/.75 var(--head);letter-spacing:-.045em}.portal-info-copy h1 em{color:transparent;font-style:normal;-webkit-text-stroke:2px #fff}.portal-info-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:end;max-width:950px}.portal-info-intro>p{margin:0;color:#cbd8e5;font-size:clamp(18px,1.7vw,25px)}.portal-info-intro>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.portal-info-intro>div>a:last-child{font-size:12px;font-weight:800;text-transform:uppercase}.portal-float-card{position:absolute;z-index:2;right:clamp(24px,7vw,120px);width:270px;padding:18px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(255,255,255,.09);backdrop-filter:blur(12px);box-shadow:0 22px 50px rgba(0,0,0,.2)}.portal-float-card small,.portal-float-card b,.portal-float-card span{display:block}.portal-float-card small{color:#50c1ff;font-size:9px;font-weight:900;letter-spacing:.12em}.portal-float-card b{margin:6px 0;font-size:17px}.portal-float-card span{color:#bfd0df;font-size:12px}.card-one{top:155px}.card-two{bottom:95px;right:clamp(70px,14vw,260px)}.portal-why{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.portal-why h2{margin:0;font:900 clamp(58px,7vw,105px)/.84 var(--head);text-transform:uppercase}.portal-why h2 span{color:#1266aa}.portal-why-copy>p{margin:45px 0;font-size:clamp(18px,1.5vw,23px)}.portal-benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd6df}.portal-benefits article{padding:28px 20px;border-right:1px solid #cbd6df}.portal-benefits article:last-child{border:0}.portal-benefits article>b{color:#1266aa}.portal-benefits h3{margin:22px 0 10px;font:800 31px/1 var(--head);text-transform:uppercase}.portal-benefits p{color:#617389;font-size:14px}.portal-role-showcase>article{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;min-height:700px;padding:clamp(75px,9vw,130px) clamp(24px,8vw,130px)}.role-player{background:#0b6eb1;color:#fff}.role-trainer{background:#07152b;color:#fff}.role-trainer .role-copy{order:2}.role-copy>p:first-child{font-size:11px;font-weight:900;letter-spacing:.18em}.role-copy h2{margin:15px 0 35px;font:900 clamp(60px,7vw,105px)/.84 var(--head);text-transform:uppercase}.role-copy ul{display:grid;gap:12px;padding:0;list-style:none}.role-copy li{display:flex;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.2);font-weight:650}.role-copy li span{color:#76d0ff}.role-copy>a{display:inline-block;margin-top:25px;font-weight:850}.role-note{margin-top:22px;padding:13px;border-left:3px solid #32aef2;background:rgba(255,255,255,.08);color:#bfd0df;font-size:13px}.role-screen,.trainer-screen{padding:22px;border-radius:20px;background:#f7fafc;color:#102039;box-shadow:0 35px 75px rgba(0,0,0,.27)}.mini-screen-head{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #dce6ed}.mini-screen-head b{font-size:20px}.mini-screen-head span{color:#708196;font-size:12px}.mini-event{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:12px;padding:15px;border-radius:13px;background:#edf3f7}.mini-event time{display:grid;place-items:center;width:52px;height:58px;border-radius:11px;background:#0e4471;color:#fff}.mini-event time b,.mini-event time span,.mini-event>div>*{display:block}.mini-event>div small{color:#137ab9;font-weight:850}.mini-event>div span{color:#718196;font-size:12px}.mini-event>em{padding:7px 9px;border-radius:999px;background:#dff3e7;color:#17633a;font-size:11px;font-style:normal;font-weight:850}.mini-event>em.pending{background:#fff0d8;color:#8a5b06}.trainer-screen>div{padding:20px;border-radius:14px;background:linear-gradient(120deg,#0b4778,#1266aa);color:#fff}.trainer-screen>div>*{display:block}.trainer-screen>div small{opacity:.75}.trainer-screen>div strong{margin:6px 0;font-size:28px}.trainer-screen ul{padding:0;list-style:none}.trainer-screen li{display:flex;align-items:center;gap:11px;padding:12px;border-bottom:1px solid #dce6ed}.trainer-screen li>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#dceefd;color:#1266aa;font-size:11px;font-style:normal;font-weight:900}.trainer-screen li>span{flex:1}.trainer-screen li b,.trainer-screen li small{display:block}.trainer-screen li small{color:#718196}.trainer-screen li>em{color:#178653;font-style:normal;font-weight:900}.trainer-screen li>em.wait{color:#b17a0b}.trainer-screen li>em.away{color:#d62a39}.trainer-screen button{width:100%;padding:13px;border:0;border-radius:10px;background:#dfeaf2;color:#547087;font-weight:850}.portal-how{background:linear-gradient(125deg,#0a2340,#104f7f);color:#fff}.portal-how-head{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:4vw;align-items:end;margin-bottom:60px}.portal-how-head h2{margin:0;font:900 clamp(65px,7vw,110px)/.84 var(--head);text-transform:uppercase}.portal-how-head>p:last-child{color:#c5d5e4;font-size:18px}.portal-how ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;border-top:1px solid rgba(255,255,255,.3);list-style:none}.portal-how li{display:flex;gap:14px;padding:25px 20px;border-right:1px solid rgba(255,255,255,.25)}.portal-how li:last-child{border:0}.portal-how li>b{color:#45baff}.portal-how h3{margin:0 0 9px;font:800 27px/1 var(--head);text-transform:uppercase}.portal-how li p{color:#bfcede;font-size:13px}.portal-how>aside{display:flex;align-items:center;gap:35px;margin-top:45px;padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.07)}.portal-how>aside h3{min-width:230px}.portal-how>aside>p{flex:1;color:#c8d7e4}.portal-how>aside>div{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.portal-how>aside>div>a:last-child{font-size:12px;font-weight:800}.portal-final-cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:55px clamp(24px,8vw,130px);background:#fff}.portal-final-cta>img{width:75px;height:75px;object-fit:contain}.portal-final-cta p{margin:0;color:#1266aa;font-weight:900;letter-spacing:.15em}.portal-final-cta h2{margin:5px 0;font:900 clamp(38px,5vw,70px)/.9 var(--head);text-transform:uppercase}.portal-final-cta span{color:#64768b}
@media(max-width:1000px){.main-nav .nav-portal{width:100%;justify-content:center}.mijn-ssa-promo{grid-template-columns:1fr}.portal-preview{max-width:850px}.portal-info-hero{align-items:flex-start;padding-top:150px}.portal-float-card{display:none}.portal-info-intro,.portal-why,.portal-role-showcase>article,.portal-how-head{grid-template-columns:1fr}.role-trainer .role-copy{order:0}.portal-benefits{grid-template-columns:1fr}.portal-benefits article{border-right:0;border-bottom:1px solid #cbd6df}.portal-how ol{grid-template-columns:1fr 1fr}.portal-how li:nth-child(2){border-right:0}.portal-how>aside{align-items:flex-start;flex-direction:column}.portal-final-cta{grid-template-columns:auto 1fr}.portal-final-cta>a{grid-column:1/-1}}
@media(max-width:650px){.mijn-ssa-promo{padding-left:18px;padding-right:18px}.mijn-ssa-promo h2{font-size:63px}.portal-preview-body{grid-template-columns:1fr}.portal-preview-body>aside{display:none}.portal-preview-main{padding:25px 18px}.preview-action{align-items:flex-start;flex-wrap:wrap}.preview-action>i{margin-left:58px}.portal-info-hero{min-height:820px;padding-left:20px;padding-right:20px}.portal-info-copy h1{font-size:72px}.portal-info-intro{gap:25px}.portal-why,.portal-role-showcase>article{padding-left:20px;padding-right:20px}.portal-benefits,.portal-how ol{grid-template-columns:1fr}.portal-how li{border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.mini-event{grid-template-columns:auto 1fr}.mini-event>em{grid-column:2}.portal-final-cta{grid-template-columns:1fr;text-align:center}.portal-final-cta>img{margin:auto}.portal-final-cta>a{grid-column:auto}}