.material-symbols-outlined {
    font-variation-settings: 'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24
}

:root {
    --brand: #005293;
    --accent: #FECB00;
    --ink: #0F172A;
}

html, body {
    font-family: Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
}

.badge {
    background: rgba(30,64,175,.06);
    color: #1E40AF;
    border: 1px solid rgba(30,64,175,.12);
    padding: .45rem .7rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: .45rem
}

.glass {
    backdrop-filter: blur(6px);
    background: rgb(255 255 255 / .7)
}

.hero-bg {
    background: linear-gradient(180deg,#F8FAFF 0%,#FFFFFF 36%);
}

.icon-pill {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border-radius: 999px;
    padding: .4rem .75rem;
    background: rgba(0,82,147,.08);
    color: var(--brand);
    font-weight: 600;
    letter-spacing: .01em
}

h1, h2, h3 {
    font-family: Manrope,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
    letter-spacing: -0.01em;
}

.lang-select {
    appearance: none;
    background-image: linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%),linear-gradient(to right,#cbd5e1,#cbd5e1);
    background-position: calc(100% - 16px) calc(50% - 3px),calc(100% - 11px) calc(50% - 3px),calc(100% - 2.4rem) 50%;
    background-size: 5px 5px,5px 5px,1px 24px;
    background-repeat: no-repeat
}