@import url("//cdn.web-fonts.ge/fonts/bpg-arial/css/bpg-arial.min.css");

:root {
    --navy: #0a1a2b;
    --navy2: #132b43;
    --orange: #f48b06;
}

body,
button,
input,
select,
textarea {
    font-family: "BPG Arial", sans-serif;
}

.brand {
    gap: 13px;
}

.brand img {
    display: block;
    width: 132px;
    height: auto;
}

.brand small {
    margin: 0;
    padding-left: 12px;
    border-left: 1px solid rgba(255, 255, 255, .25);
    font-size: 8px;
    letter-spacing: 2.3px;
    opacity: .7;
    white-space: nowrap;
}

.auth-aside {
    background: radial-gradient(circle at 85% 75%, #234c70 0, transparent 35%), linear-gradient(145deg, var(--navy), var(--navy2));
}

.eyebrow {
    color: #ffc16f;
}

.points-preview b,
.points-card b {
    color: #f6a43a;
}

.sidebar nav .active {
    background: #fff5e8;
    color: #d97800;
}

.plane-icon {
    background: #fff5e8;
}

@media (max-width: 520px) {
    .brand img { width: 112px; }
    .brand small { display: none; }
}