body {
			background-color: #1d1d1d;
			color: #ffffff;
			font-family: "Montserrat", sans-serif;
		}

		.hero h1 {
			font-size: 3rem;
			font-weight: 700;
		}
		.hero p {
			color: #ccc;
			font-size: 1.2rem;
			margin-top: 1rem;
		}
		.btn-main {
			background-color: #fff;
			color: #000;
			font-weight: 600;
			border: none;
			margin-top: 2rem;
			padding: 12px 24px;
		}
		.btn-main:hover {
			background-color: #f0f0f0;
		}
		.features {
			padding: 80px 0;
			background-color: #232323;
		}
		.feature-box {
			background-color: #2e2e2e;
			border-radius: 12px;
			padding: 30px;
			height: 100%;
		}
		.feature-box i {
			font-size: 2rem;
			margin-bottom: 20px;
			color: #007abc;
		}

		/* Убираем синее выделение для всех состояний */
	.dropdown-menu-dark .dropdown-item.fw-bold,
	.dropdown-menu-dark .dropdown-item.fw-bold:focus,
	.dropdown-menu-dark .dropdown-item.fw-bold:active {
		color: #fff !important;
		background-color: transparent !important;
	}

	/* Hover-эффект */
	.dropdown-menu-dark .dropdown-item.fw-bold:hover {
		background-color: rgba(255, 255, 255, 0.1) !important;
	}

	/* Убираем outline при фокусе */
	.dropdown-menu-dark .dropdown-item:focus {
		outline: none !important;
		box-shadow: none !important;
	}

	/* Для активного состояния при клике */
	.dropdown-menu-dark .dropdown-item:active {
		background-color: rgba(255, 255, 255, 0.05) !important;
	}

.feature-link {
        display: block;
        color: inherit;
        text-decoration: none;
        height: 100%;
    }

    .feature-box {
        height: 100%;
        padding: 20px;
    }

    .row.g-3 {
        display: flex;
        flex-wrap: wrap;
    }
    .row.g-3 > [class^="col-"] {
        display: flex;
    }