.login-shell .login-brand-panel{isolation:isolate;background:radial-gradient(at 65% 76%,#192333 0%,#0b111c 64%)}.login-brand-panel>.login-backdrop{--login-mark-size:min(84cqw, 660px);--login-mark-x:calc((100cqw - var(--login-mark-size)) / 2);--login-mark-y:calc(100cqh - var(--login-mark-size) - 80px);--login-dot-step:calc(var(--login-mark-size) * 12 / var(--login-mark-units));--login-dot-radius:calc(var(--login-mark-size) * 1.2 / var(--login-mark-units));z-index:0;pointer-events:none;max-width:none;position:absolute;inset:0;overflow:hidden;container-type:size}.login-shell .login-brand-panel>small{padding-top:0}.login-backdrop-field{--login-dot-color:#a6afbe;background-image:radial-gradient(circle, var(--login-dot-color) 0 var(--login-dot-radius), transparent calc(var(--login-dot-radius) + .25px));background-size:var(--login-dot-step) var(--login-dot-step);background-position:var(--login-mark-x) var(--login-mark-y);opacity:.22;pointer-events:none;position:absolute;inset:0}.login-backdrop-field-active{--login-dot-color:#69b4ff;opacity:0;-webkit-mask-image:radial-gradient(circle 180px at var(--login-pointer-x,50%) var(--login-pointer-y,50%), #000 5%, #000c 35%, transparent 100%), var(--login-mark-mask);mask-image:radial-gradient(circle 180px at var(--login-pointer-x,50%) var(--login-pointer-y,50%), #000 5%, #000c 35%, transparent 100%), var(--login-mark-mask);-webkit-mask-size:100% 100%, var(--login-mark-size) var(--login-mark-size);mask-size:100% 100%, var(--login-mark-size) var(--login-mark-size);-webkit-mask-position:0 0, var(--login-mark-x) var(--login-mark-y);mask-position:0 0, var(--login-mark-x) var(--login-mark-y);transition:opacity .45s;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out;mask-composite:subtract}.login-backdrop-mark{width:var(--login-mark-size);height:auto;left:var(--login-mark-x);top:var(--login-mark-y);pointer-events:auto;position:absolute}.login-backdrop-silhouette{opacity:.12;transition:opacity .6s}.login-backdrop-ink{fill:#c7ceda;transition:fill .6s}.login-backdrop-spotlight{opacity:0;transition:opacity .5s}@media (hover:hover) and (pointer:fine){.login-backdrop[data-pointer-active=true] .login-backdrop-field-active{opacity:.85}.login-backdrop-mark:hover .login-backdrop-silhouette{opacity:.38}.login-backdrop-mark:hover .login-backdrop-ink{fill:#ff957b}.login-backdrop-mark:hover .login-backdrop-spotlight{opacity:.95}}@media (max-width:1100px){.login-brand-panel>.login-backdrop{--login-mark-size:420px;--login-mark-x:calc(100cqw - var(--login-mark-size) + 30px);--login-mark-y:calc(100cqh - var(--login-mark-size) + 55px)}.login-backdrop-silhouette{opacity:.1}}@media (max-width:700px){.login-brand-panel>.login-backdrop{--login-mark-size:330px;--login-mark-x:calc(100cqw - var(--login-mark-size) + 100px);--login-mark-y:calc(100cqh - var(--login-mark-size) + 58px)}.login-backdrop-silhouette{opacity:.08}}@media (prefers-reduced-motion:reduce){.login-backdrop-silhouette,.login-backdrop-spotlight,.login-backdrop-ink,.login-backdrop-field-active{transition:none}}.login-brand-panel .login-brand-copy{max-width:470px}.login-brand-panel .login-brand-copy .route-kicker{font-family:var(--font-heading);letter-spacing:.01em;text-transform:none;font-size:14px;font-weight:500;line-height:1.5;display:block}.login-brand-panel .login-brand-copy h1{font-family:var(--font-heading);letter-spacing:-.035em;margin:20px 0 0;font-size:clamp(42px,4vw,60px);font-weight:500;line-height:1.12}.login-brand-panel .login-brand-copy p{max-width:410px;font-family:var(--font-body);letter-spacing:0;text-wrap:pretty;margin:22px 0 0;font-size:15px;font-weight:400;line-height:1.75}@media (max-width:700px){.login-brand-panel .login-brand-copy .route-kicker{font-size:12px}.login-brand-panel .login-brand-copy h1{margin-top:16px;font-size:clamp(34px,9vw,44px)}.login-brand-panel .login-brand-copy p{max-width:320px;margin-top:18px;font-size:14px;line-height:1.65}}.login-shell .auth-brand .brand-mark{background:url(/brand/opmerk-mark-outline-transparent.svg) 50%/contain no-repeat}.login-password-field{position:relative}.login-password-field input{padding-right:64px}.login-password-toggle{color:#63718a;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:30px;padding:0 5px;font-size:12px;position:absolute;bottom:9px;right:12px}.login-password-toggle:hover{color:#cf293c}.login-password-toggle:focus-visible{outline-offset:2px;outline:2px solid #ff6944}.login-access-help{color:#63718a;text-align:center;font-size:12px}.login-access-help summary{cursor:pointer}.login-access-help p{margin:8px 0 0;line-height:1.6}