/* Ikon SVG, logo, dan penyesuaian kecil yang dipakai website, login, dan admin */
.i { width: 1.25em; height: 1.25em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; vertical-align: -0.28em; }
.i-sm { width: 1em; height: 1em; vertical-align: -0.15em; }
.i-lg { width: 1.6em; height: 1.6em; }

.logo svg { width: 62%; height: 62%; }
.logo { color: #fff; }

.btn { gap: 8px; }

/* website publik */
.topline .container span { display: inline-flex; align-items: center; gap: 7px; }
.topline .i { width: 14px; height: 14px; vertical-align: 0; opacity: .8; }
.trust span { display: inline-flex; align-items: center; gap: 8px; }
.trust .i { width: 17px; height: 17px; vertical-align: 0; color: #9fd1ff; }
.icon .i { width: 22px; height: 22px; vertical-align: 0; }

/* login */
.muted-link { display: flex; align-items: center; justify-content: center; gap: 6px; }
.muted-link .i { width: 14px; height: 14px; vertical-align: 0; }
.login-extra { margin: 6px 0 18px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #55667c; }
.login-extra a { color: #1769e0; font-weight: 600; }
.check { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.check input { width: 16px; height: 16px; accent-color: #1769e0; margin: 0; }