*,
*::before,
*::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.container,
.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-left: 12px;
}
@media (min-width: 576px) {
    .container { max-width: 540px; }
}
@media (min-width: 768px) {
    .container { max-width: 720px; }
}
@media (min-width: 1000px) {
    .container { max-width: 990px; }
}
@media (min-width: 1150px) {
    .container { max-width: 1130px; }
}
@media (min-width: 1200px) {
    .container { max-width: 1190px; }
}
@media (min-width: 1300px) {
    .container { max-width: 1250px; }
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}
.row-5 > * {
    width: 50%;
}
.gap-0 { gap: 0; }
.gap-1 { gap: 4px; }
.gap-2 { gap: 8px; }
.gap-3 { gap: 16px; }
.gap-4 { gap: 24px; }
.gap-5 { gap: 48px; }
@media (min-width: 576px) {
    .gap-sm-3 { gap: 16px; }
}
@media (min-width: 768px) {
    .gap-md-3 { gap: 16px; }
}
@media (min-width: 992px) {
    .gap-lg-3 { gap: 16px; }
}
.row {
    --gutter-x: 24px;
    --gutter-y: 0;
}
.gx-0 { --gutter-x: 0; }
.gx-1 { --gutter-x: 4px; }
.gx-2 { --gutter-x: 8px; }
.gx-3 { --gutter-x: 16px; }
.gx-4 { --gutter-x: 24px; }
.gx-5 { --gutter-x: 48px; }
.gy-0 { --gutter-y: 0; }
.gy-1 { --gutter-y: 4px; }
.gy-2 { --gutter-y: 8px; }
.gy-3 { --gutter-y: 16px; }
.gy-4 { --gutter-y: 24px; }
.gy-5 { --gutter-y: 48px; }
.row {
    margin-left: calc(var(--gutter-x) / -2);
    margin-right: calc(var(--gutter-x) / -2);
}
.row > [class^="col"] {
    padding-left: calc(var(--gutter-x) / 2);
    padding-right: calc(var(--gutter-x) / 2);
    margin-bottom: var(--gutter-y);
}
@media (min-width: 576px) {
    .gx-sm-3 { --gutter-x: 16px; }
    .gy-sm-3 { --gutter-y: 16px; }
}
@media (min-width: 768px) {
    .gx-md-4 { --gutter-x: 24px; }
    .gy-md-4 { --gutter-y: 24px; }
}
@media (min-width: 992px) {
    .gx-lg-5 { --gutter-x: 48px; }
    .gy-lg-5 { --gutter-y: 48px; }
}
@media (min-width: 777px) {
    .row-5 > * {
        width: 33.3333334%;
    }
}
@media (min-width: 992px) {
    .row-5 > * {
        width: 25%;
    }
}
@media (min-width: 1200px) {
    .row-5 > * {
        width: 20%;
    }
}
[class^="col"] {
    position: relative;
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
}
.text-justify {
    text-align: justify;
    text-justify: inter-word;
}
.col-1  { width: 8.333%; }
.col-2  { width: 16.666%; }
.col-3  { width: 25%; }
.col-4  { width: 33.333%; }
.col-5  { width: 41.666%; }
.col-6  { width: 50%; }
.col-7  { width: 58.333%; }
.col-8  { width: 66.666%; }
.col-9  { width: 75%; }
.col-10 { width: 83.333%; }
.col-11 { width: 91.666%; }
.col-12 { width: 100%; }
.order-0  { order: 0; }
.order-1  { order: 1; }
.order-2  { order: 2; }
.order-3  { order: 3; }
.order-4  { order: 4; }
.order-5  { order: 5; }
.order-first { order: -1; }
.order-last  { order: 99; }
@media (min-width: 576px) {
    .col-sm-1  { width: 8.333%; }
    .col-sm-2  { width: 16.666%; }
    .col-sm-3  { width: 25%; }
    .col-sm-4  { width: 33.333%; }
    .col-sm-5  { width: 41.666%; }
    .col-sm-6  { width: 50%; }
    .col-sm-7  { width: 58.333%; }
    .col-sm-8  { width: 66.666%; }
    .col-sm-9  { width: 75%; }
    .col-sm-10 { width: 83.333%; }
    .col-sm-11 { width: 91.666%; }
    .col-sm-12 { width: 100%; }
    .order-sm-first { order: -1; }
    .order-sm-last  { order: 99; }
    .order-sm-0 { order: 0; }
    .order-sm-1 { order: 1; }
    .order-sm-2 { order: 2; }
}
@media (min-width: 900px) {
    .col-md-1  { width: 8.333%; }
    .col-md-2  { width: 16.666%; }
    .col-md-3  { width: 25%; }
    .col-md-4  { width: 33.333%; }
    .col-md-5  { width: 41.666%; }
    .col-md-6  { width: 50%; }
    .col-md-7  { width: 58.333%; }
    .col-md-8  { width: 66.666%; }
    .col-md-9  { width: 75%; }
    .col-md-10 { width: 83.333%; }
    .col-md-11 { width: 91.666%; }
    .col-md-12 { width: 100%; }
    .order-md-first { order: -1; }
    .order-md-last  { order: 99; }
    .order-md-0 { order: 0; }
    .order-md-1 { order: 1; }
    .order-md-2 { order: 2; }
}
@media (min-width: 1170px) {
    .col-lg-1  { width: 8.333%; }
    .col-lg-2  { width: 16.666%; }
    .col-lg-3  { width: 25%; }
    .col-lg-4  { width: 33.333%; }
    .col-lg-5  { width: 41.666%; }
    .col-lg-6  { width: 50%; }
    .col-lg-7  { width: 58.333%; }
    .col-lg-8  { width: 66.666%; }
    .col-lg-9  { width: 75%; }
    .col-lg-10 { width: 83.333%; }
    .col-lg-11 { width: 91.666%; }
    .col-lg-12 { width: 100%; }
    .order-lg-first { order: -1; }
    .order-lg-last  { order: 99; }
    .order-lg-0 { order: 0; }
    .order-lg-1 { order: 1; }
    .order-lg-2 { order: 2; }
}
.text-start  { text-align: start; }
.text-center { text-align: center; }
.text-end    { text-align: end; }
@media (min-width: 576px) {
    .text-sm-start  { text-align: start; }
    .text-sm-center { text-align: center; }
    .text-sm-end    { text-align: end; }
}
@media (min-width: 768px) {
    .text-md-start  { text-align: start; }
    .text-md-center { text-align: center; }
    .text-md-end    { text-align: end; }
}
@media (min-width: 992px) {
    .text-lg-start  { text-align: start; }
    .text-lg-center { text-align: center; }
    .text-lg-end    { text-align: end; }
}
.m-0 { margin: 0; }
.m-1 { margin: 4px; }
.m-2 { margin: 8px; }
.m-3 { margin: 16px; }
.m-4 { margin: 24px; }
.m-5 { margin: 48px; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 4px; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 16px; }
.mt-4 { margin-top: 24px; }
.mt-5 { margin-top: 48px; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 4px !important; }
.mb-2 { margin-bottom: 8px !important; }
.mb-3 { margin-bottom: 16px !important; }
.mb-4 { margin-bottom: 24px; }
.mb-5 { margin-bottom: 48px; }
.ms-0 { margin-left: 0; }
.ms-1 { margin-left: 4px; }
.ms-2 { margin-left: 8px; }
.ms-3 { margin-left: 16px; }
.ms-4 { margin-left: 24px; }
.ms-5 { margin-left: 48px; }
.me-0 { margin-right: 0; }
.me-1 { margin-right: 4px; }
.me-2 { margin-right: 8px; }
.me-3 { margin-right: 16px; }
.me-4 { margin-right: 24px; }
.me-5 { margin-right: 48px; }
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.p-0 { padding: 0; }
.p-1 { padding: 4px; }
.p-2 { padding: 8px; }
.p-3 { padding: 16px; }
.p-4 { padding: 24px; }
.p-5 { padding: 48px; }
.pt-0 { padding-top: 0; }
.pt-1 { padding-top: 4px; }
.pt-2 { padding-top: 8px; }
.pt-3 { padding-top: 16px; }
.pt-4 { padding-top: 24px; }
.pt-5 { padding-top: 48px; }
.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 4px; }
.pb-2 { padding-bottom: 8px; }
.pb-3 { padding-bottom: 16px; }
.pb-4 { padding-bottom: 24px; }
.pb-5 { padding-bottom: 48px; }
.ps-0 { padding-left: 0; }
.ps-1 { padding-left: 4px; }
.ps-2 { padding-left: 8px; }
.ps-3 { padding-left: 16px; }
.ps-4 { padding-left: 24px; }
.ps-5 { padding-left: 48px; }
.pe-0 { padding-right: 0; }
.pe-1 { padding-right: 4px; }
.pe-2 { padding-right: 8px; }
.pe-3 { padding-right: 16px; }
.pe-4 { padding-right: 24px; }
.pe-5 { padding-right: 48px; }
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.img-thumbnail {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}
.rounded {
    border-radius: 4px;
}
.rounded-circle {
    border-radius: 50%;
}
.rounded-0 {
    border-radius: 0;
}
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.img-start {
    float: left;
    margin-right: 12px;
}
.img-end {
    float: right;
    margin-left: 12px;
}
.justfy-right {
    justify-content: flex-end !important;
}
:root{
    --bg-0:#0b0b0c;
    --bg-1:#101114;
    --bg-2:#14161a;
    --text-0:#e8eaf0;
    --text-1:#b5b9c6;
    --border:#1b1d22;
    --gap-xs:.375rem;
    --gap-sm:.625rem;
    --gap-md:1rem;
    --radius:8px;
    --shadow:0 0 0 1px rgba(255,255,255,.03);
}
body{
    background:var(--bg-0);
    color:var(--text-0);
    font:400 16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial,sans-serif;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow-x:hidden;
}
.top-bar{background:var(--bg-1);border-bottom:1px solid var(--border);}
.top-bar__inner{height:36px;display:flex;align-items:center;gap:var(--gap-sm);}
.top-bar__text{font-size:.8125rem;color:var(--text-1);}
.site-header{background:var(--bg-1);border-bottom:1px solid var(--border);}
.site-header__inner{  display:flex;  align-items:center;  justify-content:center;   height:72px; }
.brand{font-weight:700;letter-spacing:.3px; color:var(--text-0);text-decoration:none;}
.site-nav{background:var(--bg-1);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);}
.nav{  display:flex;  gap:var(--gap-md);  overflow:auto;  padding:.5rem 0;  justify-content:center; }
.site-footer a, .nav a{ color:var(--text-1);text-decoration:none;padding:.25rem .25rem;white-space:nowrap;border-radius:4px;     }
.nav a:focus,.nav a:hover{color:var(--text-0);background:rgba(255,255,255,.03);}
.footer-item{min-height:60px;display:flex;align-items:center;justify-content:center;color:var(--text-1);text-align:center;padding:.5rem;}