body.task-login[class*="mail-brand-"]{--accent:#147b79;--ink:#182f35;--muted:#687b80;--paper:#fffefa;background:#e8eee9!important;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}body.task-login.mail-brand-radio{--accent:#bd671c;--ink:#192d3c;--muted:#697b89;--paper:#fffefa;background:radial-gradient(ellipse at 10% 20%,#244c5a 0,transparent 52%),#101f2c!important}body.task-login[class*="mail-brand-"] #layout{display:flex!important;align-items:center;justify-content:center;min-height:100vh;height:auto!important;padding:38px 24px;box-sizing:border-box;overflow:visible!important}.mail-shell{display:grid;grid-template-columns:1.15fr 1fr;width:min(1040px,100%);min-height:650px;border-radius:22px;overflow:hidden;box-shadow:0 24px 90px #07172238}.mail-story{position:relative;display:flex;flex-direction:column;padding:42px 45px;overflow:hidden;background:#f1eee4;color:#284c4a}.mail-brand-radio .mail-story{background:linear-gradient(145deg,#183b49,#112533 80%);color:#f5f1e8}.mail-identity{display:flex;align-items:center;gap:14px}.mail-identity strong{display:block;font-size:21px;font-weight:650;letter-spacing:-.5px}.mail-identity small{display:block;font-size:10px;letter-spacing:1.9px;margin-top:5px;opacity:.72}.mail-symbol{width:48px;height:48px;border:1px solid #eeac6866;border-radius:12px;display:grid;place-items:center;color:#edaa67}.mail-symbol svg{width:32px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.mail-monogram{font:500 31px Georgia,serif;letter-spacing:-3px;color:#365e58}.mail-monogram span{color:#c88354;margin-left:5px}.mail-story-copy{margin-top:65px;z-index:1}.mail-kicker{font-size:10px;letter-spacing:2px;font-weight:650;opacity:.74}.mail-story h1{font-size:clamp(34px,4.4vw,52px);line-height:1.1;letter-spacing:-1.9px;margin:17px 0 20px;font-weight:650}.mail-story h1 em{font-weight:450;font-style:normal;color:#ad704d}.mail-brand-radio h1 em{color:#edaa67}.mail-story p{font-size:15px;line-height:1.75;opacity:.75;margin:0}.mail-radio-art,.mail-personal-art{width:calc(100% + 80px);margin:12px -40px -5px;height:170px;flex-shrink:0}.radio-grid{stroke:#79929a;stroke-width:.5;opacity:.18}.radio-wave{fill:none;stroke:url(#signal);stroke-width:2.2;stroke-linejoin:round}.radio-ring{fill:none;stroke:#9cb4b9;stroke-width:.65;opacity:.2}.mail-story-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:11px;opacity:.65;gap:10px}.mail-callsign{border:1px solid #73909477;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font:12px monospace}.mail-signature{font:italic 25px Georgia,serif}body.task-login[class*="mail-brand-"] #layout-content{background:var(--paper)!important;width:auto!important;max-width:none!important;margin:0!important;padding:85px 52px 44px!important;overflow:visible!important;height:auto!important;display:block!important;border:0!important;border-radius:0!important;box-sizing:border-box}.mail-intro{text-align:left;margin-bottom:32px}.mail-eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700}.mail-intro h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:14px 0 10px;color:var(--ink);font-weight:650}.mail-intro p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}body.task-login[class*="mail-brand-"] #login-form{width:100%!important;max-width:none!important;text-align:left;margin:0!important}body.task-login[class*="mail-brand-"] #login-form table{width:100%}body.task-login[class*="mail-brand-"] #login-form td{display:block;width:100%!important;padding:0!important}body.task-login[class*="mail-brand-"] #login-form td.title{padding-top:16px!important}body.task-login[class*="mail-brand-"] #login-form label{color:var(--ink)!important;font-size:13px;font-weight:600;display:block;margin:0 0 8px}body.task-login[class*="mail-brand-"] #login-form input.form-control{height:49px!important;box-sizing:border-box;background:#fff!important;border:1px solid #cdd6d6!important;border-radius:8px!important;padding:12px 14px!important;font-size:14px;color:var(--ink)!important;box-shadow:none!important;width:100%!important}body.task-login[class*="mail-brand-"] #login-form input::placeholder{color:#86959b}body.task-login[class*="mail-brand-"] #login-form input:focus{border-color:var(--accent)!important;outline:3px solid color-mix(in srgb,var(--accent) 14%,transparent)!important;outline-offset:1px}body.task-login[class*="mail-brand-"] #rcmloginsubmit{background:var(--accent)!important;border:0!important;border-radius:8px!important;color:#fff!important;font-size:14px!important;font-weight:650!important;width:100%;height:49px;margin-top:25px!important;box-shadow:none!important}body.task-login[class*="mail-brand-"] #rcmloginsubmit:hover{filter:brightness(.91)}body.task-login[class*="mail-brand-"] #rcmloginsubmit::before{display:none!important}body.task-login[class*="mail-brand-"] #login-footer{color:var(--muted)!important;font-size:12px;line-height:1.7;text-align:center;margin-top:32px!important}body.task-login[class*="mail-brand-"] #login-footer:before{content:"Log in met je volledige e-mailadres.";display:block;margin-bottom:15px;color:var(--muted)}body.task-login[class*="mail-brand-"] #messagestack{z-index:1000}html.dark-mode body.task-login[class*="mail-brand-"] #layout-content{color:var(--ink)!important}@media(max-width:740px){body.task-login[class*="mail-brand-"] #layout{padding:20px 14px!important;align-items:flex-start}.mail-shell{grid-template-columns:1fr;min-height:0;border-radius:16px;max-width:480px}.mail-story{padding:27px 30px 28px}.mail-story-copy{margin-top:30px}.mail-story h1{font-size:34px;letter-spacing:-1px}.mail-story h1 br{display:inline}.mail-story p{font-size:13px}.mail-radio-art,.mail-personal-art{height:90px;width:calc(100% + 40px);margin:-25px -20px -12px;position:absolute;right:-75px;bottom:8px;max-width:260px;opacity:.45}.mail-story-bottom{display:none}body.task-login[class*="mail-brand-"] #layout-content{padding:34px 30px 32px!important}.mail-intro{margin-bottom:20px}.mail-intro h2{font-size:26px}.mail-identity small{font-size:9px}.mail-story-copy h1{max-width:330px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
body.task-login[class*="mail-brand-"] #login-form{top:0!important;position:static!important}body.task-login[class*="mail-brand-"] #login-form .input-group{flex-wrap:nowrap;display:flex;width:100%}body.task-login[class*="mail-brand-"] #login-form .input-group-prepend,body.task-login[class*="mail-brand-"] #login-form .input-group-text{display:none!important}body.task-login[class*="mail-brand-"] #login-form .form-group{margin:18px 0 0!important;display:block}body.task-login[class*="mail-brand-"] #login-form .mail-field-label{display:block!important;position:static!important;clip:auto!important;width:100%!important;height:auto!important;margin:0 0 8px!important;padding:0!important;font-size:13px;font-weight:600}

/* Allow branded login pages to scroll on touch screens. */
body.task-login[class*="mail-brand-"]{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}

/* Van Strien Massage */
body.task-login.mail-brand-massage{--accent:#344f43;--ink:#263f35;--muted:#6a7468;--paper:#fffdf7;background:#e7e9df!important}.mail-brand-massage .mail-story{background:#eee5d5;color:#263f35}.mail-brand-massage .mail-monogram{font-style:italic;font-size:39px;letter-spacing:-6px}.mail-brand-massage .mail-story h1{font-family:Georgia,serif;font-weight:400;font-size:49px;letter-spacing:-1.8px}.mail-brand-massage .mail-story h1 em{color:#a66b4c;font-style:italic}.mail-brand-massage .mail-story-copy{margin-top:58px}.mail-brand-massage .mail-story-bottom{z-index:2}.mail-brand-massage .mail-intro h2{font-family:Georgia,serif;font-weight:400;font-size:31px}.massage-art{height:180px;position:relative;margin:20px -45px -42px;overflow:hidden;flex:1;min-height:170px}.massage-sun{width:105px;height:105px;border-radius:50%;background:#d9ae7f;position:absolute;left:52%;top:15px}.massage-hill{position:absolute;background:#a4aa8f;width:140%;height:190px;border-radius:50%;left:-55%;top:83px;transform:rotate(15deg)}.massage-hill.front{background:#344f43;left:5%;top:132px;transform:rotate(-18deg)}.mail-brand-massage .mail-story-bottom{padding-top:23px;color:#fffaf0;opacity:1}.mail-brand-massage .mail-story-bottom a{color:inherit;text-decoration:none}@media(max-width:740px){.mail-brand-massage .mail-story h1{font-size:35px}.mail-brand-massage .mail-story-copy{margin-top:25px}.massage-art{display:none}.mail-brand-massage .mail-story{padding-bottom:30px}}
