@font-face{font-family:Ozavio;src:url('/static/brand/space-grotesk.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
:root{--oz-ink:#182b27;--oz-mint:#e8f2eb;--oz-lime:#d4fa76;--oz-coral:#e58b76;--accent:#214d40}
body{font-family:Ozavio,system-ui,sans-serif;letter-spacing:0}
h1,h2,h3,button,input,select,textarea{font-family:inherit;letter-spacing:0}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:Ozavio,system-ui,sans-serif;font-size:28px;font-weight:700;letter-spacing:0;color:var(--oz-ink);line-height:1.2;position:relative;min-height:40px}
.brand:before{content:"";width:32px;height:32px;flex:0 0 32px;background:url('/static/brand/ozavio-mark.svg') center/contain no-repeat}
.brand span{display:none}
.action,.primary{background:var(--oz-ink);border-radius:5px}
.action:hover,.primary:hover{background:#285745}
button,a,select{transition:background-color .18s,color .18s,box-shadow .18s}
:focus-visible{outline:3px solid #4076ac;outline-offset:4px}
.language-picker select{font-family:inherit}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}