/* Come To UK Academy login experience. Scoped to Moodle login layout only. */
body.pagelayout-login{min-height:100dvh;background:#071c2b!important;color:#17344e}
body.pagelayout-login #page-wrapper{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;background:#071c2b}
body.pagelayout-login #page-wrapper:before{content:"";position:fixed;inset:0;z-index:-2;background:url('/theme/klassroom/images/loginbackground.jpg') center center/cover no-repeat;transform:scale(1.01)}
body.pagelayout-login #page-wrapper:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,18,31,.10) 0%,rgba(2,18,31,.15) 42%,rgba(2,18,31,.58) 100%),linear-gradient(180deg,rgba(2,18,31,.03),rgba(2,18,31,.26))}
body.pagelayout-login #page.klassroom-login-main{min-height:100dvh!important;margin:0!important;padding:clamp(84px,9vh,118px) clamp(20px,5vw,72px) 32px!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
body.pagelayout-login .klassroom-login-wrapper,body.pagelayout-login .klassroom-login-content,body.pagelayout-login .klassroom-login-content-inner{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}
body.pagelayout-login #page-content,body.pagelayout-login #region-main-box,body.pagelayout-login #region-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.pagelayout-login #page-content>.row{margin:0!important;display:block!important}
body.pagelayout-login #region-main{display:flex!important;justify-content:flex-end!important}
body.pagelayout-login #region-main [role="main"]{width:min(100%,468px)!important;margin:0!important}
body.pagelayout-login .loginform.ctuk-login-card{position:relative;width:100%!important;margin:0!important;padding:36px 38px 30px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:26px!important;background:rgba(255,255,255,.955)!important;color:#17344e!important;box-shadow:0 34px 90px rgba(2,17,29,.29),0 2px 8px rgba(2,17,29,.08)!important;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);text-align:start!important}
body.pagelayout-login .login-logo{margin:0 0 20px!important;text-align:start!important}
body.pagelayout-login .login-logo img{max-height:62px!important;max-width:205px!important;width:auto!important}
body.pagelayout-login .ctuk-login-eyebrow{margin:0 0 7px;color:#147184;font-size:.74rem;font-weight:850;letter-spacing:.145em;text-transform:uppercase}
body.pagelayout-login .login-heading{margin:0 0 9px!important;color:#092f49!important;font-size:clamp(1.62rem,3vw,2rem)!important;line-height:1.17!important;font-weight:780!important;letter-spacing:-.025em!important;text-align:start!important}
body.pagelayout-login .ctuk-login-subtitle{margin:0 0 25px;color:#657786;font-size:.94rem;line-height:1.5}
body.pagelayout-login .login-form-username,body.pagelayout-login .login-form-password{position:relative!important;margin:0 0 17px!important}
body.pagelayout-login .ctuk-field-label{display:block;margin:0 0 7px;color:#29465a;font-size:.82rem;font-weight:750;line-height:1.2}
body.pagelayout-login .loginform input.form-control{display:block!important;width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0 15px!important;border:1px solid #d4dfe6!important;border-radius:12px!important;background:#fff!important;color:#153247!important;font-size:16px!important;line-height:1!important;box-shadow:0 1px 2px rgba(17,45,63,.025)!important;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
body.pagelayout-login .loginform input.form-control::placeholder{color:#94a2ac!important;opacity:1}
body.pagelayout-login .loginform input.form-control:hover{border-color:#b6c9d3!important}
body.pagelayout-login .loginform input.form-control:focus{border-color:#148196!important;box-shadow:0 0 0 3px rgba(20,129,150,.13)!important;outline:0!important}
body.pagelayout-login .ctuk-password-control{position:relative;display:flex;align-items:center;width:100%}
body.pagelayout-login .ctuk-password-control #password{flex:1 1 auto;padding-inline-end:52px!important}
body.pagelayout-login #page .loginform .ctuk-password-toggle{position:absolute!important;inset-inline-end:6px!important;top:50%!important;transform:translateY(-50%)!important;z-index:4!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;background-image:none!important;color:#627684!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;appearance:none!important;-webkit-appearance:none!important}
body.pagelayout-login #page .loginform .ctuk-password-toggle:hover,body.pagelayout-login #page .loginform .ctuk-password-toggle:focus,body.pagelayout-login #page .loginform .ctuk-password-toggle:active{border:0!important;background:#eef5f7!important;background-image:none!important;color:#09697a!important;box-shadow:none!important;outline:0!important;filter:none!important}
body.pagelayout-login #page .loginform .ctuk-password-toggle .icon{margin:0!important;font-size:17px!important;line-height:1!important;color:inherit!important}
body.pagelayout-login #page .loginform #loginbtn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;margin:0!important;padding:12px 18px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#073b5b,#0a6978)!important;color:#fff!important;font-size:15px!important;font-weight:780!important;letter-spacing:.015em!important;box-shadow:0 9px 22px rgba(7,74,92,.21)!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
body.pagelayout-login #page .loginform #loginbtn:hover,body.pagelayout-login #page .loginform #loginbtn:focus{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 12px 27px rgba(7,74,92,.27)!important}
body.pagelayout-login .login-form-submit{margin:19px 0 12px!important}
body.pagelayout-login .login-form-forgotpassword{margin:0!important;text-align:center!important}
body.pagelayout-login .login-form-forgotpassword a{color:#0a6878!important;font-size:.9rem!important;font-weight:700!important}
body.pagelayout-login .login-divider{height:1px!important;margin:22px 0!important;border:0!important;background:#e5ecef!important}
body.pagelayout-login .login-identityproviders .login-heading,body.pagelayout-login .login-instructions .login-heading{font-size:1rem!important;margin-bottom:12px!important;letter-spacing:0!important}
body.pagelayout-login #page .loginform .btn-secondary:not(.toggle-sensitive-btn),body.pagelayout-login #page .loginform .login-identityprovider-btn{min-height:44px!important;border:1px solid #d4e0e6!important;border-radius:10px!important;background:#fff!important;color:#29465a!important;box-shadow:none!important;font-weight:650!important}
body.pagelayout-login .loginform .alert{border:0!important;border-radius:12px!important;padding:12px 14px!important;font-size:.9rem!important}
body.pagelayout-login .loginform .alert-danger{background:#fff0f0!important;color:#8f2f32!important}
body.pagelayout-login .loginform .alert-info{background:#eef8fb!important;color:#23596c!important}
body.pagelayout-login .loginform>.d-flex:last-child{align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
body.pagelayout-login .loginform>.d-flex:last-child .divider{display:none!important}
body.pagelayout-login .ctuk-login-chrome{position:fixed;top:20px;left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px);z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
body.pagelayout-login .ctuk-login-chrome>a,body.pagelayout-login .ctuk-login-language{pointer-events:auto}
body.pagelayout-login .ctuk-login-home,body.pagelayout-login .ctuk-login-language-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:43px;padding:0 15px;border:1px solid rgba(255,255,255,.52);border-radius:999px;background:rgba(5,30,46,.56);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff!important;font-size:.88rem;font-weight:720;box-shadow:0 8px 30px rgba(0,0,0,.13);text-decoration:none!important}
body.pagelayout-login .ctuk-login-home:hover,body.pagelayout-login .ctuk-login-language-button:hover{background:rgba(5,30,46,.74)}
body.pagelayout-login .ctuk-login-language{position:relative}
body.pagelayout-login .ctuk-login-language-button{cursor:pointer}
body.pagelayout-login .ctuk-login-language-icon{font-size:17px}
body.pagelayout-login .ctuk-login-language-caret{font-size:12px;transition:transform .16s ease}
body.pagelayout-login .ctuk-login-language-button.is-open .ctuk-login-language-caret{transform:rotate(180deg)}
body.pagelayout-login .ctuk-login-language-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:172px;padding:6px;border:1px solid rgba(16,52,73,.13);border-radius:13px;background:#fff;box-shadow:0 18px 55px rgba(2,18,29,.24)}
body.pagelayout-login .ctuk-login-language-menu[hidden]{display:none!important}
body.pagelayout-login .ctuk-login-language-menu a{display:flex;align-items:center;min-height:39px;padding:8px 11px;border-radius:8px;color:#24465b!important;font-size:.89rem;font-weight:650;text-decoration:none!important}
body.pagelayout-login .ctuk-login-language-menu a:hover,body.pagelayout-login .ctuk-login-language-menu a.is-current{background:#eef7f8;color:#096878!important}
body.pagelayout-login .ctuk-login-language-menu a.is-current:after{content:"✓";margin-inline-start:auto;font-weight:900}
@media(max-width:700px){body.pagelayout-login #page-wrapper:before{background-position:46% center;transform:scale(1.02)}body.pagelayout-login #page-wrapper:after{background:linear-gradient(180deg,rgba(3,22,36,.20),rgba(3,22,36,.48))}body.pagelayout-login #page.klassroom-login-main{padding:76px 14px 18px!important;align-items:center!important;justify-content:center!important}body.pagelayout-login #region-main{justify-content:center!important}body.pagelayout-login #region-main [role="main"]{width:min(100%,430px)!important}body.pagelayout-login .loginform.ctuk-login-card{padding:26px 20px 22px!important;border-radius:20px!important;background:rgba(255,255,255,.975)!important;box-shadow:0 18px 55px rgba(2,17,29,.30)!important}body.pagelayout-login .login-heading{font-size:1.5rem!important}body.pagelayout-login .ctuk-login-subtitle{font-size:.9rem;margin-bottom:21px}body.pagelayout-login .ctuk-login-chrome{top:14px;left:14px;right:14px}body.pagelayout-login .ctuk-login-home{width:42px;height:42px;padding:0;border-radius:50%}body.pagelayout-login .ctuk-login-home-label,body.pagelayout-login .ctuk-login-language-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}body.pagelayout-login .ctuk-login-language-button{width:50px;height:42px;padding:0 8px;gap:5px;border-radius:999px}body.pagelayout-login .ctuk-login-language-icon{font-size:17px}body.pagelayout-login .ctuk-login-language-caret{display:inline-block!important;font-size:11px}body.pagelayout-login #page .loginform .ctuk-password-toggle{background:transparent!important;background-image:none!important;color:#627684!important;border:0!important}}
@media(max-width:380px){body.pagelayout-login #page.klassroom-login-main{padding-inline:10px!important}body.pagelayout-login .loginform.ctuk-login-card{padding:23px 16px 20px!important;border-radius:18px!important}}
@media(prefers-reduced-motion:reduce){body.pagelayout-login *{scroll-behavior:auto!important;transition:none!important}}