body, button, input, select, textarea { font-family: 'DM Sans', sans-serif; }
body { -webkit-font-smoothing: antialiased; }
h1, h2, h3, header .text-2xl { font-family: 'Manrope', sans-serif; letter-spacing: -.035em; }
.font-black { font-weight: 700; }
.rounded-lg { border-radius: 16px; }
.shadow-sm { box-shadow: 0 8px 28px rgba(24, 58, 53, .055); }
.portal-brand-mark { position: relative; display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border: 2px solid #176b5b; border-radius: 50%; }
.portal-brand-mark::after { content: ''; position: absolute; inset: 5px; border: 2px solid #176b5b; border-radius: 50%; }
.portal-brand-mark span { width: 6px; height: 6px; background: #e49359; border-radius: 50%; }
a, button { transition: background-color .2s, border-color .2s; }
:focus-visible { outline: 2px solid #176b5b; outline-offset: 3px; }