html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input,textarea,select,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:"Inter", sans-serif;color:var(--font-colour)}.focus,:focus{outline:2px solid var(--primary);outline-offset:2px}.hidden{display:none}.logo{display:block;width:190px;margin-bottom:var(--space-l)}:root{--primary: #1883C6;--primary-hover: #2494da;--secondary: #fff;--auxiliary: #F3552F;--hero-colour: #1B7AB6;--font-colour: #000;--font-colour-alt: #838282;--border-colour: #C4C4C4;--error-colour: #ff3232;--success-colour: #4ade80}:root{--icon-notice: invert(70%) sepia(82%) saturate(343%) hue-rotate(83deg) brightness(91%) contrast(94%);--icon-alert: invert(40%) sepia(37%) saturate(6096%) hue-rotate(339deg) brightness(99%) contrast(108%);--icon-btn: invert(89%) sepia(0%) saturate(2004%) hue-rotate(340deg) brightness(91%) contrast(86%)}:root{--alert: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}:root{--fluid-min-width: 320;--fluid-max-width: 2560;--fluid-screen: 100vw;--fluid-bp: calc(
    (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) /
      (var(--fluid-max-width) - var(--fluid-min-width))
  )}@media screen and (min-width: 2560px){:root{--fluid-screen: calc(var(--fluid-max-width) * 1px)}}:root{--f--2-min: 12.50;--f--2-max: 12.80;--step--2: calc(
    ((var(--f--2-min) / 16) * 1rem) + (var(--f--2-max) - var(--f--2-min)) *
      var(--fluid-bp)
  );--f--1-min: 15.00;--f--1-max: 16.00;--step--1: calc(
    ((var(--f--1-min) / 16) * 1rem) + (var(--f--1-max) - var(--f--1-min)) *
      var(--fluid-bp)
  );--f-0-min: 18.00;--f-0-max: 20.00;--step-0: calc(
    ((var(--f-0-min) / 16) * 1rem) + (var(--f-0-max) - var(--f-0-min)) *
      var(--fluid-bp)
  );--f-1-min: 21.60;--f-1-max: 25.00;--step-1: calc(
    ((var(--f-1-min) / 16) * 1rem) + (var(--f-1-max) - var(--f-1-min)) *
      var(--fluid-bp)
  );--f-2-min: 25.92;--f-2-max: 31.25;--step-2: calc(
    ((var(--f-2-min) / 16) * 1rem) + (var(--f-2-max) - var(--f-2-min)) *
      var(--fluid-bp)
  );--f-3-min: 31.10;--f-3-max: 39.06;--step-3: calc(
    ((var(--f-3-min) / 16) * 1rem) + (var(--f-3-max) - var(--f-3-min)) *
      var(--fluid-bp)
  );--f-4-min: 37.32;--f-4-max: 48.83;--step-4: calc(
    ((var(--f-4-min) / 16) * 1rem) + (var(--f-4-max) - var(--f-4-min)) *
      var(--fluid-bp)
  );--f-5-min: 44.79;--f-5-max: 61.04;--step-5: calc(
    ((var(--f-5-min) / 16) * 1rem) + (var(--f-5-max) - var(--f-5-min)) *
      var(--fluid-bp)
  )}:root{--fluid-min-width: 320;--fluid-max-width: 2560;--fluid-screen: 100vw;--fluid-bp: calc(
    (var(--fluid-screen) - var(--fluid-min-width) / 16 * 1rem) /
      (var(--fluid-max-width) - var(--fluid-min-width))
  )}@media screen and (min-width: 2560px){:root{--fluid-screen: calc(var(--fluid-max-width) * 1px)}}:root{--fc-3xs-min: (var(--fc-s-min) * 0.25);--fc-3xs-max: (var(--fc-s-max) * 0.25);--fc-2xs-min: (var(--fc-s-min) * 0.5);--fc-2xs-max: (var(--fc-s-max) * 0.5);--fc-xs-min: (var(--fc-s-min) * 0.75);--fc-xs-max: (var(--fc-s-max) * 0.75);--fc-s-min: (var(--f-0-min, 18));--fc-s-max: (var(--f-0-max, 20));--fc-m-min: (var(--fc-s-min) * 1.5);--fc-m-max: (var(--fc-s-max) * 1.5);--fc-l-min: (var(--fc-s-min) * 2);--fc-l-max: (var(--fc-s-max) * 2);--fc-xl-min: (var(--fc-s-min) * 3);--fc-xl-max: (var(--fc-s-max) * 3);--fc-2xl-min: (var(--fc-s-min) * 4);--fc-2xl-max: (var(--fc-s-max) * 4);--fc-3xl-min: (var(--fc-s-min) * 6);--fc-3xl-max: (var(--fc-s-max) * 6);--space-3xs: calc(((var(--fc-3xs-min) / 16) * 1rem) + (var(--fc-3xs-max) - var(--fc-3xs-min)) * var(--fluid-bp));--space-2xs: calc(((var(--fc-2xs-min) / 16) * 1rem) + (var(--fc-2xs-max) - var(--fc-2xs-min)) * var(--fluid-bp));--space-xs: calc(((var(--fc-xs-min) / 16) * 1rem) + (var(--fc-xs-max) - var(--fc-xs-min)) * var(--fluid-bp));--space-s: calc(((var(--fc-s-min) / 16) * 1rem) + (var(--fc-s-max) - var(--fc-s-min)) * var(--fluid-bp));--space-m: calc(((var(--fc-m-min) / 16) * 1rem) + (var(--fc-m-max) - var(--fc-m-min)) * var(--fluid-bp));--space-l: calc(((var(--fc-l-min) / 16) * 1rem) + (var(--fc-l-max) - var(--fc-l-min)) * var(--fluid-bp));--space-xl: calc(((var(--fc-xl-min) / 16) * 1rem) + (var(--fc-xl-max) - var(--fc-xl-min)) * var(--fluid-bp));--space-2xl: calc(((var(--fc-2xl-min) / 16) * 1rem) + (var(--fc-2xl-max) - var(--fc-2xl-min)) * var(--fluid-bp));--space-3xl: calc(((var(--fc-3xl-min) / 16) * 1rem) + (var(--fc-3xl-max) - var(--fc-3xl-min)) * var(--fluid-bp));--space-3xs-2xs: calc(((var(--fc-3xs-min) / 16) * 1rem) + (var(--fc-2xs-max) - var(--fc-3xs-min)) * var(--fluid-bp));--space-2xs-xs: calc(((var(--fc-2xs-min) / 16) * 1rem) + (var(--fc-xs-max) - var(--fc-2xs-min)) * var(--fluid-bp));--space-xs-s: calc(((var(--fc-xs-min) / 16) * 1rem) + (var(--fc-s-max) - var(--fc-xs-min)) * var(--fluid-bp));--space-s-m: calc(((var(--fc-s-min) / 16) * 1rem) + (var(--fc-m-max) - var(--fc-s-min)) * var(--fluid-bp));--space-m-l: calc(((var(--fc-m-min) / 16) * 1rem) + (var(--fc-l-max) - var(--fc-m-min)) * var(--fluid-bp));--space-l-xl: calc(((var(--fc-l-min) / 16) * 1rem) + (var(--fc-xl-max) - var(--fc-l-min)) * var(--fluid-bp));--space-xl-2xl: calc(((var(--fc-xl-min) / 16) * 1rem) + (var(--fc-2xl-max) - var(--fc-xl-min)) * var(--fluid-bp));--space-2xl-3xl: calc(((var(--fc-2xl-min) / 16) * 1rem) + (var(--fc-3xl-max) - var(--fc-2xl-min)) * var(--fluid-bp))}:root{--grid-max-width: 160rem;--grid-min-width: 20rem;--grid-gutter: var(--space-s-l, clamp(1.125rem, 0.6467rem + 2.3913vw, 2.5rem));--grid-columns: 12}.grid{display:grid;gap:var(--grid-gutter);min-width:var(--grid-min-width);max-width:var(--grid-max-width);grid-template-columns:repeat(12, 1fr)}.container{padding-inline:var(--grid-gutter);min-height:100vh}.container__wrapper{background-color:white;min-width:100vw}.content{grid-column:span 12;margin-top:var(--grid-gutter)}.hero{grid-column:span 7;align-items:center;display:none;background-color:var(--hero-colour);background-image:url(/assets/signon/images/background-629f4338a1cc62256c94d59cb3d97ba29dceefbd38d650563afc9c3554f4a602.png);background-repeat:no-repeat;background-position:center}.hero__ball{width:3.75rem;margin-bottom:var(--space-l)}.hero-title{grid-column:2 / span 9;color:var(--secondary)}.hero-title__heading{font-size:var(--step-5);margin-bottom:var(--space-l)}.hero-title__text{font-size:var(--step--1);line-height:var(--step-1)}.form-content{width:100%}.form-title__heading{font-size:var(--step-2);line-height:var(--step-3);margin-bottom:var(--space-l);font-weight:600}.form-title__text{font-size:var(--step--1);line-height:var(--step-1);margin-bottom:var(--space-s)}.signon-form__fieldset{display:flex;flex-direction:column;margin-bottom:var(--space-xs-s)}.signon-form__fieldset--submit{padding-top:var(--space-l)}.signon-form__label{font-weight:600;font-size:var(--step--1);line-height:var(--step-2)}.signon-form__password-field:focus{outline:none}.signon-form__text-field,.signon-form__password-field{width:100%;font-size:var(--step--0);padding:.5rem;border:0.5px solid var(--border-colour)}.signon-form__auxiliary{display:flex;justify-content:center;padding:var(--space-xs-s) 0}.signon-form__link{color:var(--auxiliary);text-decoration:none;transition:color 0.3s ease}@media (hover: hover){.signon-form__link:hover{color:var(--primary)}}.signon-form__error{margin-top:var(--space-xs-s);color:var(--error-colour)}.signon-form__submit{border:0;background:var(--primary);color:var(--secondary);padding:.6rem;font-weight:600;font-size:var(--step--1);transition:background-color 0.3s ease}@media (hover: hover){.signon-form__submit:hover{background:var(--primary-hover)}}.signon-form__password-container{position:relative;display:flex}.signon-form__password-container .signon-form__password-field{border-right:none}.signon-form__visibility-btn{border:none;border-right:0.5px solid var(--border-colour);border-top:0.5px solid var(--border-colour);border-bottom:0.5px solid var(--border-colour);background:var(--secondary);width:2.813rem}.signon-form__visibility-btn img{width:100%;filter:var(--icon-btn)}.page-content{max-width:50rem;margin-bottom:var(--space-xs-s)}.page-content__text{margin-bottom:var(--space-l)}.page-title__heading{font-size:var(--step-2);line-height:var(--step-3);margin-bottom:var(--space-l);font-weight:600;display:flex;align-items:center;gap:var(--space-s)}.page-title__heading img{width:5rem}.page-title__text{font-size:var(--step--0);line-height:var(--step-1);margin-bottom:var(--space-l)}.page-title__link{color:var(--auxiliary);text-decoration:none;transition:color 0.3s ease}@media (hover: hover){.page-title__link:hover{color:var(--primary)}}.countdown{padding:0 var(--space-3xs)}.flash{margin-bottom:var(--space-l)}.flash__message{display:inline-flex;align-items:center;color:var(--font-colour-alt);gap:var(--space-3xs);padding:var(--space-3xs);background:var(--secondary);border:.5px solid #ebe6e5;border-radius:7px;box-shadow:var(--alert)}.flash__icon{width:1.5rem;height:1.5rem}.flash--notice .flash__icon{filter:var(--icon-notice)}.flash--alert .flash__icon{filter:var(--icon-alert)}.password-criteria-tooltip{position:absolute;height:10.938rem;top:-12.5rem;left:0;font-size:var(--step--1);color:var(--secondary);padding:var(--space-2xs);background:var(--font-colour);border-radius:7px;box-shadow:var(--alert)}.password-criteria-tooltip__title{font-weight:600;margin-bottom:var(--space-2xs)}.password-criteria-tooltip__list{list-style-type:disc;padding-left:20px;margin-bottom:var(--space-2xs)}.password-criteria-tooltip p{margin-bottom:var(--space-2xs)}.password-criteria-tooltip__success{display:none;height:100%;color:var(--success-colour)}.password-criteria-tooltip__icon{filter:var(--icon-notice);width:2.5rem;height:2.5rem}.password-criteria-tooltip--valid{color:var(--success-colour)}.password-criteria-tooltip--success .password-criteria-tooltip__criteria{display:none}.password-criteria-tooltip--success .password-criteria-tooltip__success{display:flex;align-items:center;gap:var(--space-3xs)}.password-criteria-tooltip::after{content:"";position:absolute;top:100%;left:70%;margin-left:-10px;border-width:10px;border-style:solid;border-color:var(--font-colour) transparent transparent transparent}.password-confirmation{border-radius:7px;background-color:var(--font-colour);margin-bottom:var(--space-xs-s);font-size:var(--step--1);padding:var(--space-xs-s)}.password-confirmation--warning{color:var(--secondary)}.password-confirmation--success{color:var(--success-colour)}@media (min-width: 40rem){body{background-color:var(--hero-colour)}.container__wrapper{min-width:100vw;background-color:var(--secondary)}.container{padding-inline:0}.content{grid-column:span 5;display:flex;align-items:center}.hero{display:grid}.form-content{max-width:30rem}.form-content,.page-content{margin-right:var(--grid-gutter)}}.field_with_errors{width:100%}
