/* =========================
   NAVBAR LINKS
========================= */

.navbar .nav-link {
    position: relative;
    padding: 8px 14px;
    margin-right: 4px;
    border-radius: 8px;
    color: rgba(255,255,255,0.75);
    overflow: hidden;
    z-index: 1;
    transition: color 0.25s ease;
}

/* СИНИЙ СЛОЙ */
.navbar .nav-link::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #0d6efd;
    border-radius: 8px;

    /* старт — линия в центре */
    transform: scaleX(0);
    transform-origin: center;

    transition: transform 0.35s cubic-bezier(.4,0,.2,1);
    z-index: -1;
}

/* HOVER */
.navbar .nav-link:hover {
    color: white;
}

.navbar .nav-link:hover::before {
    transform: scaleX(1);
}

/* ACTIVE PAGE */
.navbar .nav-link.active {
    color: white !important;
    font-weight: 500;
}

.navbar .nav-link.active::before {
    transform: scaleX(1);
}

/* =========================
   PAGE FADE-IN
========================= */

.page-content {
    opacity: 0;
    transform: translateY(12px);
    transition:
        opacity 0.45s ease,
        transform 0.45s ease;
}

/* когда страница готова */
.page-content.show {
    opacity: 1;
    transform: translateY(0);
}
/* =========================
   Фон
========================= */
body {
    background-color: #f3f5f9;
}