/* Alleen het welkomstvak en de wachtwoordknop krijgen een aangepaste stijl. */
.hero.team-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,350px);align-items:center;gap:30px;padding:26px 30px;overflow:hidden;background:#173c82}
.team-hero .team-copy{min-width:0}
.team-hero .eyebrow{color:#c0d5ff}
.team-hero .team-copy h2{max-width:410px}
.team-hero .team-copy p{max-width:410px;font-size:13px;margin-bottom:20px}
.team-portraits{display:grid;grid-template-columns:1fr 1fr;gap:13px;min-width:0}
.team-portrait{position:relative;isolation:isolate;overflow:hidden;border-radius:11px;margin:0;height:224px;border:1px solid #ffffff38;background:#10243f;box-shadow:0 6px 18px #09204d20}
.hero .team-portrait img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 20%;border-radius:0}
.hero .team-portrait .portrait-sem{object-position:center 12%}
.team-portrait figcaption{position:absolute;inset:auto 0 0;padding:32px 13px 13px;background:linear-gradient(transparent,#0a203fe8 58%);line-height:1.45;color:white}
.team-portrait strong{display:block;font-size:14px;letter-spacing:-.15px}
.team-portrait figcaption span{display:block;font-size:11px;color:#e1eaff}
.password-control{margin-bottom:18px}
.password-control>label{margin-bottom:8px}
.password-wrap{position:relative}
.password-wrap input{margin:0;padding-right:58px}
.password-toggle{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:11px;border:0;background:transparent;color:#4b6182;border-radius:6px;display:grid;place-items:center}
.password-toggle:hover{background:#edf3ff;color:#1f4fff}
.password-toggle:active{transform:translateY(-50%) scale(.94)}
.password-toggle:focus-visible{outline:2px solid #1f4fff;outline-offset:-3px}
.password-toggle svg{display:block;width:22px;height:22px;pointer-events:none}
@media(min-width:761px) and (max-width:1050px){.hero.team-hero{grid-template-columns:minmax(0,1fr) minmax(215px,270px);gap:22px;padding:24px}.team-hero .team-copy h2{font-size:24px}.team-portrait{height:215px}.team-portraits{gap:9px}.team-portrait figcaption{padding:30px 10px 12px}.team-portrait strong{font-size:13px}}
@media(max-width:760px){.hero.team-hero{grid-template-columns:minmax(0,1fr);gap:21px;padding:22px}.team-hero .team-copy h2{font-size:23px;margin-bottom:10px}.team-hero .team-copy p{font-size:12px;margin-bottom:15px}.team-hero .team-copy button{font-size:12px}.team-portraits{gap:12px}.team-portrait{height:180px}.team-portrait figcaption{padding:28px 12px 11px}.team-portrait strong{font-size:14px}.hero .team-portrait img{object-position:center 23%}.hero .team-portrait .portrait-sem{object-position:center 12%}}
@media(max-width:359px){.hero.team-hero{padding:18px}.team-portraits{gap:9px}.team-portrait{height:160px}.team-portrait figcaption{padding:26px 9px 10px}.team-portrait strong{font-size:12px}.team-portrait figcaption span{font-size:10px}}

/* Email preview */
.email-preview{display:block;width:100%;height:950px;border:1px solid #e2e7ef;border-radius:10px;margin-top:16px;background:#f2f6fa}