#associate-logos{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem}#associate-logos>figure{padding:0;margin:0}#associate-logos>figure img{height:clamp(20px,8vh,4rem)}.screen#landing hgroup{color:#001838;display:flex;flex-direction:column;align-items:center;gap:.5rem}.screen#landing hgroup p,.screen#landing hgroup h1{margin:0}.screen#landing p.role-prompt{font-size:2rem;font-weight:700;color:#001838}.screen#landing div#role-selection input[type=radio],.screen#landing div#role-selection form#initiate,.screen#landing div#role-selection a.join.button{display:none}.screen#landing div#role-selection input#candidate:checked~form#initiate,.screen#landing div#role-selection input#examiner:checked~a.join.button{display:block}.screen#landing div#role-selection [role=listbox]{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.screen#landing div#role-selection [role=listbox] label{display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:1.1em;cursor:pointer}.screen#landing div#role-selection [role=listbox] label>div.inner{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem;border:.25rem solid rgba(0,24,56,.1607843137);border-radius:1rem;color:#667488;aspect-ratio:1/1}.screen#landing div#role-selection [role=listbox] label>div.inner svg{height:2rem;fill:currentColor}.screen#landing div#role-selection [role=listbox] label>div.inner .check-container{display:none}.screen#landing div#role-selection input#candidate:checked~[role=listbox] #candidate-item div.inner,.screen#landing div#role-selection input#examiner:checked~[role=listbox] #examiner-item div.inner{color:#001838;border-color:#38b6ff;background-color:#38b6ff1f;position:relative}.screen#landing div#role-selection input#candidate:checked~[role=listbox] #candidate-item div.inner .check-container,.screen#landing div#role-selection input#examiner:checked~[role=listbox] #examiner-item div.inner .check-container{position:absolute;right:0;top:0;transform:translate(50%,-50%);border-radius:100%;background-color:#38b6ff;color:#fff;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.screen#landing div#role-selection input#candidate:checked~[role=listbox] #candidate-item div.inner .check-container svg,.screen#landing div#role-selection input#examiner:checked~[role=listbox] #examiner-item div.inner .check-container svg{height:.66rem}.screen#landing div#role-selection form#initiate button,.screen#landing div#role-selection a.join.button{margin:2rem auto}.screen#landing .privacy-policy-container a{color:#4b4e5d}