:root {
    --yellow: #FFC800;
    --red: #ff6b6b;
    --orange: #F2994A;
    --darkred: #9c2626;
    --green: #4ade80;
}
* { box-sizing: border-box; }
html, body, #map { width: 100%; height: 100%; margin: 0; padding: 0; }
body { overflow: hidden; background: #0d0d0f; font-family: 'Montserrat', sans-serif; }
.leaflet-container { background: #0d0d0f; }

.leaflet-tile {
    filter: invert(1) hue-rotate(180deg) brightness(0.85) contrast(1.05) saturate(0.4);
}

.leaflet-control-attribution { font-size: 9px; background: rgba(0,0,0,.5) !important; color: #888 !important; }
.leaflet-control-attribution a { color: #888 !important; }
.leaflet-control-zoom { display: none; }

.popup-plane-icon {
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: -0.1em;
    color: inherit;
}

.leaflet-popup-content-wrapper {
    background: rgba(17, 17, 19, .94);
    color: #f2f2f2;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .5);
    border: 1px solid rgba(255, 255, 255, .08);
    padding: 0;
    overflow: hidden;
}
.leaflet-popup-content {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.3;
    min-width: 180px;
}
.leaflet-popup-tip {
    background: rgba(17, 17, 19, .94);
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: none;
}
.leaflet-popup-close-button {
    color: #8a8a92 !important;
    font-size: 16px !important;
    width: 24px !important;
    height: 24px !important;
    top: 5px !important;
    right: 5px !important;
    line-height: 22px !important;
}
.leaflet-popup-close-button:hover {
    color: #fff !important;
    background: transparent !important;
}

.leaflet-popup.region-popup .leaflet-popup-content { width: 355px; }
.leaflet-popup.airport-popup .leaflet-popup-content {
    width: max-content;
    min-width: 190px;
    max-width: 285px;
}

.popup {
    font-family: 'Montserrat', sans-serif;
    padding: 14px 17px 13px;
}

.popup-head {
    margin: 0 0 10px 0;
    padding: 0 34px 0 0;
}
.popup-name {
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -.1px;
    line-height: 1.2;
}
.popup-region {
    font-size: 12px;
    font-weight: 500;
    color: #8a8a92;
    letter-spacing: .3px;
    margin-top: 3px;
    line-height: 1.2;
}


.popup-statuses {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0 0 10px 0;
}
.popup-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}
.popup-status {
    --c: #6a6e72;
    --bg: rgba(255, 255, 255, .06);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px;
    border-radius: 999px;
    background: var(--bg);
    color: var(--c);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 1;
    width: fit-content;
}
.popup-status .p-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--c);
    display: block;
}
.popup-status.s0    { --c: #4ade80; --bg: rgba(74, 222, 128, .14); }
.popup-status.s1    { --c: #f5d24a; --bg: rgba(245, 210, 74, .16); }
.popup-status.s2    { --c: #ff6b6b; --bg: rgba(255, 107, 107, .18); }
.popup-status.s3    { --c: #c44a4a; --bg: rgba(122, 30, 30, .35); }
.popup-status.s4    { --c: #f2a04a; --bg: rgba(242, 160, 74, .18); }
.popup-status.s-none{ --c: #8a8a92; --bg: rgba(255, 255, 255, .06); }

.popup-status-time {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: .3px;
    color: #8a8a92;
    white-space: nowrap;
}

.leaflet-popup.district-popup .leaflet-popup-content {
    width: max-content;
    min-width: 260px;
    max-width: 340px;
}
.leaflet-popup.district-popup .popup {
    padding: 16px 18px 15px;
}
.leaflet-popup.district-popup .popup-head {
    margin-bottom: 16px;
    padding-right: 30px;
}
.leaflet-popup.district-popup .popup-name {
    font-size: 18px;
    line-height: 1.25;
}
.leaflet-popup.district-popup .popup-region {
    margin-top: 7px;
    font-size: 13px;
    color: #8a8a92;
    letter-spacing: .3px;
    line-height: 1.3;
}
.leaflet-popup.district-popup .popup-statuses {
    gap: 12px;
    margin-bottom: 0;
}
.leaflet-popup.district-popup .popup-status-row {
    gap: 20px;
}
.leaflet-popup.district-popup .popup-status {
    font-size: 14px;
    padding: 6px 13px;
    gap: 9px;
}
.leaflet-popup.district-popup .popup-status .p-dot {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
}
.leaflet-popup.district-popup .popup-status-time {
    font-size: 13px;
}

.popup-bpla {
    margin-top: 0;
    display: grid !important;
    grid-template-columns: max-content 1fr !important;
    align-items: center !important;
    column-gap: 14px !important;
    padding: 12px 17px !important;
    border-radius: 12px;
    background: rgba(229, 72, 77, .08);
    border-left: 4px solid #e5484d;
    min-height: 50px;
}
.popup-bpla .bpla-count {
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
    color: #ff7a7e;
    letter-spacing: -1px;
    text-align: center;
    white-space: nowrap;
    min-width: 0;
    padding: 0;
    margin: 0;
}
.popup-bpla .bpla-count--md { font-size: 21px; letter-spacing: -.5px; }
.popup-bpla .bpla-count--sm { font-size: 18px; letter-spacing: -.5px; }

.popup-bpla .bpla-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-width: 0;
}
.popup-bpla .bpla-label {
    font-size: 11px;
    font-weight: 700;
    color: #8a8a92;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.popup-bpla .bpla-hint {
    font-size: 13px;
    font-weight: 500;
    color: #b0b0b6;
    letter-spacing: .2px;
}

.popup-airports {
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .06);
}
.popup-airports-title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #8a8a92;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    margin-bottom: 7px;
}
.popup-airport-row {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 5px 7px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #d8d8dc;
    margin-bottom: 2px;
}
.popup-airport-row:last-child { margin-bottom: 0; }
.popup-airport-row .ap-name {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.popup-airport-row .ap-code {
    flex: 0 0 48px;
    width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #8a8a92;
    letter-spacing: .5px;
    padding: 2px 0;
    background: rgba(255, 255, 255, .05);
    border-radius: 4px;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
    white-space: nowrap;
}
.popup-airport-row .ap-closed {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    color: #ff7a7e;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-align: right;
}

.popup-hint {
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .06);
    font-size: 12px;
    font-weight: 600;
    color: #6a6e72;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.popup-airport-name {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: .1px;
    margin-bottom: 7px;
    padding-right: 18px;
    white-space: nowrap;
}
.popup-airport-code-row {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}
.popup-airport-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    font-size: 12px;
    font-weight: 500;
    color: #d8d8dc;
    background: rgba(255, 255, 255, .07);
    padding: 2px 0;
    border-radius: 4px;
    letter-spacing: .5px;
    white-space: nowrap;
    box-sizing: border-box;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}
.popup-airport-closed {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
    color: #ff7a7e;
    background: rgba(229, 72, 77, .12);
    border-left: 3px solid #e5484d;
    padding: 4px 8px;
    border-radius: 5px;
    letter-spacing: .4px;
    text-transform: uppercase;
    flex: 0 0 auto;
    white-space: nowrap;
}

.legend {
    position: absolute;
    z-index: 2000;
    right: 20px;
    bottom: 20px;
    display: inline-block;
    width: fit-content;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(17, 17, 19, .82);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #f2f2f2;
    font-family: 'Montserrat', sans-serif;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, .07);
}
.legend-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    color: #8a8a92;
    margin: 0 0 14px 0;
    padding: 0;
}
.legend-grid {
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: start;
    justify-items: start;
    gap: 6px 22px;
}
.legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 500;
    color: #d8d8dc;
    white-space: nowrap;
    min-height: 18px;
}
.legend-item .dot,
.legend-item .airport-svg-small {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    display: block;
}
.legend-item .dot {
    position: relative;
    border-radius: 0;
    background: transparent;
}
.legend-item .dot::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 11px;
    height: 11px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: var(--dot-color, #fff);
}
.dot.yellow  { --dot-color: var(--yellow); }
.dot.red     { --dot-color: #ff6b6b; }
.dot.orange  { --dot-color: var(--orange); }
.dot.darkred { --dot-color: #9c2626; }
.legend-item .airport-svg-small {
    color: #16a8cf;
}

.legend-item .district-fix-swatch {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border-radius: 50%;
    background: #FFC800;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.legend-item .district-fix-swatch svg {
    width: 10px;
    height: 10px;
    fill: #111111;
    transform: rotate(-90deg);
    display: block;
}

.district-fix-marker {
    position: relative;
    width: 30px;
    height: 30px;
    pointer-events: none;
}
.district-fix-marker .halo {
    position: absolute;
    left: 50%; top: 50%;
    width: 50px; height: 50px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle at center,
        rgba(255, 200, 0, .55) 0%,
        rgba(255, 200, 0, .16) 45%,
        rgba(255, 200, 0, 0) 72%);
    pointer-events: none;
}
.district-fix-marker .circle {
    position: absolute;
    left: 50%; top: 50%;
    width: 26px; height: 26px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #FFC800;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    cursor: pointer;
}
.district-fix-marker .circle svg {
    width: 17px;
    height: 17px;
    fill: #111111;
    transform: rotate(-90deg);
    display: block;
}

.airport-marker {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    cursor: pointer;
}
.airport-marker .airport-svg-big {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px;
    display: block;
}
.airport-svg-small { width: 18px; height: 18px; display: block; }

.region-label-marker {
    background: transparent !important;
    border: none !important;
    pointer-events: none !important;
    overflow: visible !important;
}
.region-label {
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-50%, -50%);
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: var(--label-size, 13px);
    font-weight: 600;
    letter-spacing: .4px;
    line-height: 1.3;
    color: rgba(255, 255, 255, .82);
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
    text-align: center;
    opacity: 0;
    transition: opacity .28s cubic-bezier(.22,.72,.24,1);
    will-change: opacity;
}
.region-label.is-visible { opacity: 1; }

#map::after {
    --wm-tile-w:   280px;
    --wm-tile-h:   180px;
    --wm-opacity:  0.18;
    --wm-blend:    screen;

    content: "";
    position: absolute;
    inset: 0;
    z-index: 480;
    pointer-events: none;
    user-select: none;

    opacity: var(--wm-opacity);
    mix-blend-mode: var(--wm-blend);
    background-repeat: repeat;
    background-size: var(--wm-tile-w) var(--wm-tile-h);
    background-position: 0 0;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='180' viewBox='0 0 280 180'%3E%3Cg transform='translate(140 90) rotate(-24)'%3E%3Ctext x='0' y='0' text-anchor='middle' font-family='Montserrat, Arial, sans-serif' font-size='19' font-weight='800' letter-spacing='1.6' fill='%23e5edf7' fill-opacity='0.42'%3E@URAL_RADAR%3C/text%3E%3C/g%3E%3C/svg%3E");
}

.fab-stack {
    position: absolute;
    z-index: 2500;
    left: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.fab-btn {
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    border-radius: 50%;
    border: none;
    display: block;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .45);
    transition: transform .15s ease, filter .15s ease;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26px 26px;
    font-family: inherit;
    color: #fff;
}
.fab-btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
.fab-btn:active { transform: translateY(0); }

.fab-tg {
    background-color: #2AABEE;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z'/%3E%3C/svg%3E");
}

.fab-about {
    background-color: #3a3a40;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke='%23ffffff' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='7.7' r='1.3' fill='%23ffffff'/%3E%3Cline x1='12' y1='11' x2='12' y2='17' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
}

.about-overlay {
    position: absolute;
    z-index: 4000;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.about-overlay[hidden] { display: none; }

.about-modal {
    position: relative;
    background: #111114;
    color: #f2f2f2;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    max-width: 460px;
    max-height: 88vh;
    overflow-y: auto;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .08);
    padding: 22px 22px 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .6);
    line-height: 1.5;

    -webkit-user-select: text;
    user-select: text;
}
.about-modal::-webkit-scrollbar { width: 6px; }
.about-modal::-webkit-scrollbar-track { background: transparent; }
.about-modal::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .12); border-radius: 3px; }

.about-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .12);
    background: transparent;
    color: #8a8a92;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: color .15s, border-color .15s;
}
.about-close:hover { color: #fff; border-color: rgba(255, 255, 255, .25); }

.about-title {
    font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 14px;
    letter-spacing: -.2px;
    padding-right: 30px;
}

.about-text {
    font-size: 13.5px;
    color: #b0b0b6;
    margin: 0 0 12px;
    line-height: 1.6;
}
.about-text b { color: #ffffff; font-weight: 700; }
.about-text:last-child { margin-bottom: 0; }

.about-links {
    margin: 14px 0 0;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .06);
}
.about-links a {
    color: #2AABEE;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
}
.about-links a:hover { text-decoration: underline; }

@media(max-width:700px) {
    .legend {
        left: 10px;
        right: 10px;
        width: auto;
        padding: 11px 12px;
    }
    .legend-title {
        font-size: 10px;
        margin-bottom: 11px;
    }
    .legend-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 12px;
    }
    .legend-item {
        font-size: 11px;
        gap: 6px;
        min-width: 0;
        white-space: normal;
        align-items: center;
    }
    .legend-item > span:last-child {
        overflow-wrap: anywhere;
        line-height: 1.2;
    }

    /* Обозначения в легенде — 18px */
    .legend-item .dot,
    .legend-item .airport-svg-small {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
    }
    .legend-item .dot::before {
        width: 11px;
        height: 11px;
    }

    .legend-item .district-fix-swatch {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
    }
    .legend-item .district-fix-swatch svg {
        width: 10px;
        height: 10px;
    }

    .airport-marker .airport-svg-big { width: 22px; height: 22px; }

    #map::after {
        --wm-tile-w: 220px;
        --wm-tile-h: 150px;
    }

    .leaflet-popup.region-popup .leaflet-popup-content {
        width: max-content;
        min-width: 240px;
        max-width: 92vw;
    }
    .leaflet-popup.airport-popup .leaflet-popup-content {
        width: max-content;
        min-width: 170px;
        max-width: 92vw;
    }

    .leaflet-popup.district-popup .leaflet-popup-content {
        width: max-content;
        min-width: 160px;
        max-width: 84vw;
    }
    .leaflet-popup.district-popup .popup {
        padding: 10px 12px 9px;
    }
    .leaflet-popup.district-popup .popup-head {
        margin-bottom: 8px;
        padding-right: 24px;
    }
    .leaflet-popup.district-popup .popup-name {
        font-size: 13px;
        line-height: 1.2;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
    .leaflet-popup.district-popup .popup-region {
        margin-top: 4px;
        font-size: 11px;
        line-height: 1.2;
    }
    .leaflet-popup.district-popup .popup-statuses {
        gap: 6px;
        margin-bottom: 0;
    }
    .leaflet-popup.district-popup .popup-status-row {
        gap: 8px;
    }
    .leaflet-popup.district-popup .popup-status {
        font-size: 11px;
        padding: 3px 8px;
        gap: 5px;
    }
    .leaflet-popup.district-popup .popup-status .p-dot {
        width: 5px;
        height: 5px;
        flex: 0 0 5px;
    }
    .leaflet-popup.district-popup .popup-status-time {
        font-size: 10px;
    }

    .popup-name {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        font-size: 14px;
    }
    .popup { padding: 10px 12px 9px; }
    .popup-head { margin-bottom: 8px; }

    .popup-statuses { gap: 5px; }
    .popup-status {
        font-size: 12px;
        padding: 3px 9px;
    }
    .popup-status .p-dot { width: 5px; height: 5px; flex: 0 0 5px; }
    .popup-status-time { font-size: 11px; }

    .popup-bpla { column-gap: 8px !important; padding: 8px 10px !important; }
    .popup-bpla .bpla-count { font-size: 20px; }
    .popup-bpla .bpla-count--md { font-size: 16px; }
    .popup-bpla .bpla-count--sm { font-size: 13px; }

    .popup-airports { margin-top: 8px; }

    .popup-airport-row { font-size: 12px; padding: 4px 5px; }
    .popup-airport-row .ap-code {
        flex: 0 0 42px;
        width: 42px;
        font-size: 11px;
    }
    .popup-airport-name { font-size: 12px; font-weight: 600; }
    .popup-airport-code-row { flex-wrap: wrap; }
    .popup-airport-code {
        flex: 0 0 40px;
        width: 40px;
        font-size: 11px;
    }
    .popup-airport-closed { font-size: 10px; }
    .region-label { letter-spacing: .2px; }

    .fab-stack { left: 10px; bottom: 157px; gap: 8px; }
    .fab-btn {
        width: 42px;
        height: 42px;
        min-width: 42px;
        min-height: 42px;
        background-size: 22px 22px;
    }

    .about-overlay { padding: 12px; }
    .about-modal {
        max-height: 92vh;
        padding: 18px 16px 16px;
        border-radius: 12px;
    }
    .about-title { font-size: 17px; }
    .about-text { font-size: 12.5px; }
}

.about-list {
    margin: 0 0 12px;
    padding-left: 22px;
    font-size: 13.5px;
    color: #b0b0b6;
    line-height: 1.7;
}
.about-list li {
    margin: 0;
    padding: 0;
}
.about-list li::marker {
    color: #8a8a92;
}