:root{--brand-600: #2a56a6;--brand-700: #234889;--brand-900: #1c2e57;--danger: #b42318;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--brand-900)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#fff}a{color:var(--brand-600)}a:hover{color:var(--brand-700)}h1{margin:0;font-size:1.25rem}form,.stepup{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500}input{width:100%;padding:.5rem .75rem;border:1px solid var(--brand-600);border-radius:.5rem;font:inherit;color:inherit}button{padding:.625rem 1rem;border:0;border-radius:.5rem;background:var(--brand-600);color:#fff;font:inherit;font-weight:500;cursor:pointer}button:hover:not(:disabled){background:var(--brand-700)}button:disabled{opacity:.6;cursor:default}.button-secondary{border:1px solid var(--brand-600);background:#fff;color:var(--brand-600)}.button-secondary:hover:not(:disabled){border-color:var(--brand-700);background:#fff;color:var(--brand-700)}.checkbox{flex-direction:row;align-items:center;gap:.5rem}.checkbox input{flex:none;width:auto}[role=alert]{margin:0;color:var(--danger)}.shell{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:24rem;min-height:100vh;margin:0 auto;padding:2rem 1rem}.shell-header{display:flex;flex-direction:column;align-items:center;gap:.5rem}.shell-mascot{width:6rem;height:6rem}.shell-name{margin:0;font-size:1.125rem;font-weight:600}.shell-main{flex:1}.shell-support{font-size:.875rem;text-align:center}.enrol-qr{display:flex;justify-content:center}.enrol-key,.enrol-codes{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.enrol-key{margin:0;overflow-wrap:anywhere}.stepup-link{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.enrol-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;padding:0;list-style:none}