:root{--navy:#0A1F51;--navy2:#13306E;--teal:#0066C8;--teal-l:#E6F2FD;--sky:#009AFB;--orange:#E07A2F;--paper:#F3F7FC;--ink:#0A1F51;--muted:#5A6472;--line:#D8DEE4;--red:#B3261E;--green:#1E7B3A;
--oA:#0066C8;--oB:#C25E16;--oC:#1E7B3A;--oD:#7A4FB5}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.45}
button{font:inherit;cursor:pointer;border:0;border-radius:12px}
input{font:inherit}
.brand{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:var(--teal)}
.hidden{display:none!important}
.opt-0{--c:var(--oA)}.opt-1{--c:var(--oB)}.opt-2{--c:var(--oC)}.opt-3{--c:var(--oD)}
.letter{display:inline-flex;align-items:center;justify-content:center;width:1.9em;height:1.9em;border-radius:8px;background:rgba(255,255,255,.22);font-weight:700;flex:none}
.logo{height:34px;width:auto;display:block}