/* The approved CAQA LMS login composition, adapted to each staff service. */
@font-face{font-family:'CAQA Login Display';font-style:normal;font-weight:400 800;font-display:swap;src:url('/lms/theme/font.php/rtoos/theme/1792912553/a972324267.woff2') format('woff2')}
@font-face{font-family:'CAQA Login Text';font-style:normal;font-weight:400 600;font-display:swap;src:url('/lms/theme/font.php/rtoos/theme/1792912553/046090ca20.woff2') format('woff2')}
.product-media-page,.product-media-page input{font-family:'CAQA Login Text','Segoe UI',sans-serif}
.product-media-page :is(h1,h2,button){font-family:'CAQA Login Display','Segoe UI',sans-serif}
.product-media-page{--login-red:#e71326;--login-red-dark:#bd1020;--login-ink:#151c31;--login-muted:#4f5667;--login-line:#d9dde4;--login-space:24px;margin:0;background:#fff;color:var(--login-ink);min-height:100svh}
.product-media-page .auth{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);width:100%;max-width:none;min-height:100svh;margin:0;border:0;border-radius:0;box-shadow:none;background:#fff;overflow:visible}
.product-media-page .product-story{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:48px;min-height:100svh;padding:40px clamp(32px,4vw,64px) 48px;overflow:hidden;background:#202437;color:#fff}
.product-media-page .product-story::before,.product-media-page .product-story::after{display:none}
.product-media-page .login-scene-poster,.product-media-page .auth-brand-motion{position:absolute;z-index:-3;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% center;mask-image:none;border-radius:0}
.product-media-page .auth-brand-motion{opacity:0;transition:opacity .35s ease-out}
.product-media-page.auth-video-ready .auth-brand-motion{opacity:1}
.product-media-page .login-scene-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(18,23,43,.12) 10%,rgba(18,23,43,.22) 38%,rgba(18,23,43,.88) 78%,#12172bf2 100%);pointer-events:none}
.product-media-page .scene-brand{display:block;align-self:flex-start;padding:10px 12px;background:#fff;border-radius:48px;width:224px;box-shadow:0 8px 24px #12172b24}
.product-media-page .scene-brand img{display:block;width:200px;height:auto;max-height:75px;object-fit:contain}
.product-media-page .product-narrative{position:relative;width:100%;max-width:610px;margin:0;padding:0}
.product-media-page .scene-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.product-media-page .scene-facts li{color:#fff;background:#ffffff1f;border:1px solid #ffffff48;border-radius:22px;padding:7px 12px;font-size:12px;font-weight:650;line-height:1.4}
.product-media-page .product-narrative h2{color:#fff;font-size:clamp(40px,3.8vw,62px);font-weight:700;line-height:1.06;letter-spacing:-.035em;text-wrap:balance;margin:0 0 20px;max-width:610px}
.product-media-page .product-narrative h2 em{display:block;color:#ffb3bc;font-style:normal}
.product-media-page .product-description{font-size:16px;line-height:1.65;color:#f2f2f7;max-width:55ch;margin:0 0 24px}
.product-media-page .scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#e5e6ee;font-size:11px;line-height:1.5;letter-spacing:.5px;font-weight:650}
.product-media-page .motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;flex-shrink:0;border:1px solid #ffffff70;border-radius:24px;padding:9px 12px;color:#fff;background:#151c3170;font-size:12px;letter-spacing:0;font-weight:500;cursor:pointer}
.product-media-page .motion-toggle[hidden]{display:none}
.product-media-page .motion-toggle:hover{background:#151c31c9}
.product-media-page .motion-toggle svg{width:12px;height:12px}
.product-media-page .auth-form{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100svh;padding:44px clamp(28px,5vw,88px) 36px;background:#fff;overflow:visible}
.product-media-page .auth-form::before,.product-media-page .auth-form::after,.product-media-page .auth-form-atmosphere,.product-media-page .auth-seam,.product-media-page .auth-form-top{display:none!important}
.product-media-page .login-shell{width:100%;max-width:480px;margin:0;padding:0;animation:none;transform:none}
.product-media-page .login-shell::before{display:none}
.product-media-page .login-full-logo{display:block;width:440px;max-width:100%;margin:0 auto 26px}
.product-media-page .login-full-logo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.product-media-page .login-brand{margin:0 0 30px}
.product-media-page .login-brand h1{font-size:40px;font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--login-ink);margin:0 0 10px}
.product-media-page .login-brand>p:last-child{font-size:16px;line-height:1.55;color:var(--login-muted);margin:0}
.product-media-page .login-eyebrow,.product-media-page .login-reassurance{display:none}
.product-media-page .login-card .form-group{margin:0 0 24px}
.product-media-page .login-card .form-label{font-size:14px;font-weight:600;color:var(--login-ink);line-height:1.5;margin-bottom:9px}
.product-media-page .login-card .login-label-row{align-items:center;gap:16px}
.product-media-page .login-label-row a{font-size:13px;color:#243f78;line-height:1.5;white-space:nowrap}
.product-media-page .login-card .form-input{height:54px;padding:13px 16px;font-size:16px;line-height:1.5;background:#fff;color:var(--login-ink);border:1px solid var(--login-line);border-radius:12px;box-shadow:none;caret-color:var(--login-red)}
.product-media-page .login-card .form-input::placeholder{color:#626a79;opacity:1}
.product-media-page .login-card .form-input:focus{outline:2px solid #233f89;outline-offset:3px;border-color:#233f89}
.product-media-page .password-field .form-input{padding-right:54px}
.product-media-page .password-toggle{width:46px;height:46px;right:4px;top:4px;color:#26334e;border-radius:24px}
.product-media-page .password-toggle svg{width:20px;height:20px}
.product-media-page .login-card .btn-primary{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:54px;background:var(--login-red);border:1px solid var(--login-red);border-radius:28px;font-size:16px;font-weight:650;color:#fff;box-shadow:none;transition:background .15s ease-out}
.product-media-page .login-card .btn-primary:hover{background:var(--login-red-dark);border-color:var(--login-red-dark);transform:none;box-shadow:none}
.product-media-page .login-card .btn-primary:disabled{cursor:wait;background:#7b3544;border-color:#7b3544;color:#fff}
.product-media-page .login-card .btn-primary>svg{display:none}
.product-media-page .login-links{margin:22px 0 0;text-align:center;font-size:13px;line-height:1.6;color:var(--login-muted)}
.product-media-page .login-links p{margin:3px 0 0}
.product-media-page .login-alert{margin-bottom:24px;padding:16px;border:1px solid #e7adb7;border-radius:12px;background:#f9d7dc;color:#612030;font-size:15px;line-height:1.5}
.product-media-page .auth-form-foot{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;max-width:480px;color:#596071;font-size:12px;line-height:1.6;margin:0}
.product-media-page .auth-form-foot nav{display:flex;flex-wrap:wrap;gap:8px 14px}
.product-media-page .auth-form-foot a{color:#4f5667;text-decoration:none}
.product-media-page .auth-form-foot a:hover{text-decoration:underline}
.product-media-page a{text-underline-offset:3px}
.product-media-page :is(a,button):focus-visible{outline:3px solid #294a99;outline-offset:4px}
.product-media-page .product-story :is(a,button):focus-visible{outline-color:#fff}
.product-media-page ::selection{background:#f6bec8;color:#151c31}
html[data-product=sms] .product-media-page .auth-brand-motion,html[data-product=sms] .product-media-page .login-scene-poster{object-position:52% center}
html[data-product=llnd] .product-media-page .auth-brand-motion,html[data-product=llnd] .product-media-page .login-scene-poster{object-position:45% center}
html[data-product=rpl] .product-media-page .auth-brand-motion,html[data-product=rpl] .product-media-page .login-scene-poster{object-position:49% center}
html[data-product=qms] .product-media-page .auth-brand-motion,html[data-product=qms] .product-media-page .login-scene-poster{object-position:46% center}
@media(min-width:1700px){.product-media-page .auth-form{padding-top:64px;padding-bottom:64px}.product-media-page .product-story{padding:48px 64px 56px}}
@media(max-width:1100px) and (min-width:761px){.product-media-page .product-story{padding:32px;min-height:880px}.product-media-page .auth-form{padding:36px 32px;min-height:880px}.product-media-page .product-narrative h2{font-size:42px}.product-media-page .scene-facts{gap:7px}.product-media-page .scene-facts li{font-size:11px;padding:6px 10px}.product-media-page .scene-bottom{flex-wrap:wrap;gap:12px}.product-media-page .product-description{font-size:15px}.product-media-page .scene-brand{width:206px}.product-media-page .scene-brand img{width:182px}}
@media(max-width:760px){.product-media-page .auth{display:flex;flex-direction:column;min-height:100svh}.product-media-page .auth-form{order:1;min-height:100svh;padding:28px 24px;gap:24px}.product-media-page .login-shell{max-width:480px}.product-media-page .login-full-logo{width:350px;margin-bottom:24px}.product-media-page .login-brand{margin-bottom:26px}.product-media-page .login-brand h1{font-size:36px}.product-media-page .login-card .form-group{margin-bottom:22px}.product-media-page .login-links{margin-top:20px}.product-media-page .auth-form-foot{font-size:11px;gap:10px}.product-media-page .auth-form-foot nav{gap:8px 12px}.product-media-page .product-story{order:2;min-height:580px;padding:28px 24px 32px;gap:120px}.product-media-page .scene-brand{width:194px}.product-media-page .scene-brand img{width:170px}.product-media-page .product-narrative h2{font-size:41px}.product-media-page .product-description{font-size:15px}.product-media-page .scene-facts li{font-size:11px;padding:6px 10px}.product-media-page .scene-bottom{font-size:10px}.product-media-page .auth-brand-motion{display:none}.product-media-page .motion-toggle{display:none}.product-media-page .login-scene-shade{background:linear-gradient(180deg,#12172b1a 0%,#12172b66 25%,#12172bee 65%,#12172bfa 100%)}}
@media(max-width:360px){.product-media-page .auth-form{padding:24px 20px}.product-media-page .login-brand h1{font-size:34px}.product-media-page .login-full-logo{margin-bottom:22px}.product-media-page .login-label-row a{font-size:12px}.product-media-page .login-links{font-size:12px}.product-media-page .product-story{padding:26px 20px}.product-media-page .product-narrative h2{font-size:36px}.product-media-page .scene-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.product-media-page *,.product-media-page *::before,.product-media-page *::after{animation:none!important;transition:none!important}.product-media-page .auth-brand-motion{display:none!important}}
@media(forced-colors:active){.product-media-page .login-scene-shade,.product-media-page .login-scene-poster,.product-media-page .auth-brand-motion{display:none}.product-media-page .product-story,.product-media-page .scene-brand{background:Canvas;color:CanvasText}.product-media-page .product-narrative h2,.product-media-page .product-narrative h2 em,.product-media-page .product-description,.product-media-page .scene-bottom,.product-media-page .scene-facts li{color:CanvasText}.product-media-page .scene-facts li,.product-media-page .motion-toggle{border-color:ButtonText;background:Canvas;color:ButtonText}}

/* Native Family navigation initialises against this nonvisual header hook. */
.product-media-page .login-family-hook{display:none!important}
