*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:#f7f5ef;color:#10283e;font:16px/1.6 system-ui,sans-serif;padding:40px 20px 0}.access-card{max-width:450px;margin:auto;position:relative;z-index:1;text-align:center}.school-logo{background:white;border:1px solid #e2dece;border-radius:7px;padding:18px 25px;max-width:320px;margin:0 auto 23px}.school-logo img{width:100%;height:auto;display:block}.programme{font:30px/1.25 Georgia,serif;margin:0 0 10px}.cohort-name{font-size:15px;margin:0 0 5px;letter-spacing:.6px}.cohort-years{font-size:13px;letter-spacing:2px;color:#9a7947;margin:0 0 25px}h1{font:36px/1.2 Georgia,serif;margin:20px 0 25px}form{text-align:left;background:white;border:1px solid #e2dece;padding:25px;border-radius:10px;box-shadow:0 8px 30px #10283e08}label{display:block;font-weight:600;font-size:14px;margin-bottom:7px}input{display:block;width:100%;font:16px system-ui;padding:13px 12px;border:1px solid #cbd3d6;border-radius:6px;margin-bottom:20px;min-height:48px}input:focus{outline:3px solid #b9a17455;border-color:#997947}.access-help,.access-note{font-size:12px;line-height:1.6;color:#6b7b80}.access-help{margin:-4px 0 14px}.access-note{margin:20px 12px}#access-error{font-size:14px;color:#a7322c;margin:0 0 15px}#access-error:empty{display:none}button{border:0;border-radius:6px;background:#10283e;color:#fff;width:100%;padding:15px;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.6}button:focus-visible{outline:3px solid #b5965a;outline-offset:3px}.access-outline{width:min(1050px,100%);height:clamp(60px,17vw,180px);position:relative;overflow:hidden;margin:0 auto}.access-outline img{position:absolute;bottom:0;left:0;width:100%;height:auto;mix-blend-mode:multiply;opacity:.55}@media(max-width:500px){body{padding:24px 18px 0}.school-logo{max-width:235px;padding:13px 20px;margin-bottom:17px}.programme{font-size:27px}.cohort-years{margin-bottom:18px}h1{font-size:31px;margin:18px 0}form{padding:21px}.access-note{margin:17px 10px}}

.access-outline{height:auto;aspect-ratio:1500/310;width:min(900px,100%);margin:12px auto 0}.access-outline img{top:0;bottom:auto;transform:translateY(-38%);width:100%;height:auto}

.password-field{position:relative;margin-bottom:20px}.password-field input{padding-right:54px;margin-bottom:0}.password-toggle{position:absolute;right:3px;top:2px;width:44px;height:44px;min-height:44px;padding:10px;display:grid;place-items:center;background:transparent;color:#405768;border-radius:4px}.password-toggle:hover{background:#eef2f4}.password-toggle:focus-visible{outline:2px solid #997947;outline-offset:-2px}.password-eye-slash{display:none}.password-toggle[aria-pressed="true"] .password-eye-slash{display:block}