/* source: about.php */
.gradient-bg {
			background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
		}
		.hover-scale {
			transition: transform 0.3s ease;
		}
		.hover-scale:hover {
			transform: scale(1.05);
		}
		.animated-border {
			position: relative;
		}
		.animated-border::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0;
			height: 2px;
			background: #3b82f6;
			transition: width 0.3s ease;
		}
		.animated-border:hover::after {
			width: 100%;
		}
.breadcrumbs {
			padding: 1rem 0;
			font-size: 0.9rem;
		}
		.breadcrumbs a {
			color: #3b82f6;
			transition: color 0.3s;
		}
		.breadcrumbs a:hover {
			color: #1e40af;
		}
		.breadcrumbs span {
			color: #6b7280;
			margin: 0 0.5rem;
		}
		
		.timeline-item:not(:last-child)::after {
			position: absolute;
			left: 24px;
			top: 40px;
			bottom: -40px;
			width: 2px;
			background: #3b82f6;
			opacity: 0.3;
		}

/* source: bitrix-ili-drugaya-cms.php */
.gradient-bg {
            background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
        }
        .hover-scale {
            transition: transform 0.3s ease;
        }
        .hover-scale:hover {
            transform: scale(1.05);
        }
        .animated-border {
            position: relative;
        }
        .animated-border::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: #3b82f6;
            transition: width 0.3s ease;
        }
        .animated-border:hover::after {
            width: 100%;
        }
        .author-note {
            background-color: #EFF6FF;
            border-left: 4px solid #2563eb;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 0 8px 8px 0;
            position: relative;
        }
        .author-note:before {
            content: "Мнение автора";
            display: block;
            font-weight: 600;
            color: #2563eb;
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
        }
        .comparison-table {
            width: 100%;
            border-collapse: collapse;
            margin: 2rem 0;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }
        .comparison-table th {
            background-color: #2563eb;
            color: white;
            padding: 12px;
            text-align: left;
        }
        .comparison-table td {
            padding: 12px;
            border-bottom: 1px solid #E5E7EB;
        }
        .comparison-table tr:nth-child(even) {
            background-color: #F9FAFB;
        }
        .comparison-table tr:hover {
            background-color: #EFF6FF;
        }
        .article-image {
            width: 100%;
            height: 400px;
            object-fit: cover;
            border-radius: 8px;
            margin: 2rem 0;
        }
        .article-content {
            line-height: 1.8;
            font-size: 1.1rem;
            color: #4B5563;
        }
        .article-content h2 {
            font-size: 1.8rem;
            color: #111827;
            margin-top: 3rem;
            margin-bottom: 1.5rem;
        }
        .article-content h3 {
            font-size: 1.4rem;
            color: #111827;
            margin-top: 2.5rem;
            margin-bottom: 1.2rem;
        }

/* source: blog.php */
.gradient-bg {
			background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
		}
		.hover-scale {
			transition: transform 0.3s ease;
		}
		.hover-scale:hover {
			transform: scale(1.05);
		}
		.animated-border {
			position: relative;
		}
		.animated-border::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0;
			height: 2px;
			background: #3b82f6;
			transition: width 0.3s ease;
		}
		.animated-border:hover::after {
			width: 100%;
		}
		@keyframes fadeIn {
			from { opacity: 0; transform: translateY(20px); }
			to { opacity: 1; transform: translateY(0); }
		}
		.animate-fadeIn {
			animation: fadeIn 0.6s ease forwards;
		}
		.article-card:hover .article-image {
			transform: scale(1.05);
		}
		.reading-time {
			position: absolute;
			bottom: 10px;
			right: 10px;
			background: rgba(0,0,0,0.7);
			color: white;
			padding: 3px 8px;
			border-radius: 12px;
			font-size: 12px;
		}
		.tag {
			display: inline-block;
			background-color: #EFF6FF;
			color: #1D4ED8;
			padding: 2px 8px;
			border-radius: 9999px;
			font-size: 12px;
			margin-right: 6px;
			margin-bottom: 6px;
		}
		.pagination .page-item.active .page-link {
			background-color: #2563eb;
			border-color: #2563eb;
			color: white;
		}
		.pagination .page-link {
			color: #2563eb;
		}

/* source: chto-takoe-bitrix.php */
.gradient-bg {
			background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
		}
		.hover-scale {
			transition: transform 0.3s ease;
		}
		.hover-scale:hover {
			transform: scale(1.05);
		}
		.animated-border {
			position: relative;
		}
		.animated-border::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0;
			height: 2px;
			background: #3b82f6;
			transition: width 0.3s ease;
		}
		.animated-border:hover::after {
			width: 100%;
		}
		.author-note {
			background-color: #EFF6FF;
			border-left: 4px solid #2563eb;
			padding: 1.5rem;
			margin: 2rem 0;
			border-radius: 0 8px 8px 0;
			position: relative;
		}
		.author-note:before {
			content: "Мнение автора";
			display: block;
			font-weight: 600;
			color: #2563eb;
			margin-bottom: 0.5rem;
			font-size: 0.9rem;
		}
		.comparison-table {
			width: 100%;
			border-collapse: collapse;
			margin: 2rem 0;
			box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
		}
		.comparison-table th {
			background-color: #2563eb;
			color: white;
			padding: 12px;
			text-align: left;
		}
		.comparison-table td {
			padding: 12px;
			border-bottom: 1px solid #E5E7EB;
		}
		.comparison-table tr:nth-child(even) {
			background-color: #F9FAFB;
		}
		.comparison-table tr:hover {
			background-color: #EFF6FF;
		}
		.article-image {
			width: 100%;
			height: 400px;
			object-fit: cover;
			border-radius: 8px;
			margin: 2rem 0;
		}
		.article-content {
			line-height: 1.8;
			font-size: 1.1rem;
			color: #4B5563;
		}
		.article-content h2 {
			font-size: 1.8rem;
			color: #111827;
			margin-top: 3rem;
			margin-bottom: 1.5rem;
		}
		.article-content h3 {
			font-size: 1.4rem;
			color: #fff;
			margin-top: 2.5rem;
			margin-bottom: 1.2rem;
			
		}
		.cta-banner {
			background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
			color: white;
			padding: 2rem;
			border-radius: 8px;
			margin: 3rem 0;
			text-align: center;
		}
		.cta-banner h3 {
			font-size: 1.5rem;
			margin-bottom: 1rem;
		}
		.cta-banner .btn {
			display: inline-block;
			background-color: white;
			color: #2563eb;
			padding: 0.75rem 1.5rem;
			border-radius: 9999px;
			font-weight: 600;
			margin-top: 1rem;
			transition: all 0.3s ease;
		}
		.cta-banner .btn:hover {
			transform: translateY(-2px);
			box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
		}

/* source: contact.php */
.gradient-bg {
			background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
		}
		.hover-scale {
			transition: transform 0.3s ease;
		}
		.hover-scale:hover {
			transform: scale(1.05);
		}
		.service-card:hover .service-icon {
			transform: rotateY(180deg);
		}
		.service-icon {
			transition: transform 0.5s ease;
		}
		.animated-border {
			position: relative;
		}
		.animated-border::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0;
			height: 2px;
			background: #3b82f6;
			transition: width 0.3s ease;
		}
		.animated-border:hover::after {
			width: 100%;
		}
		@keyframes fadeIn {
			from { opacity: 0; transform: translateY(20px); }
			to { opacity: 1; transform: translateY(0); }
		}
		.animate-fadeIn {
			animation: fadeIn 0.6s ease forwards;
		}
		.breadcrumbs {
			padding: 1rem 0;
			font-size: 0.9rem;
		}
		.breadcrumbs a {
			color: #3b82f6;
			transition: color 0.3s;
		}
		.breadcrumbs a:hover {
			color: #1e40af;
		}
		.breadcrumbs span {
			color: #6b7280;
			margin: 0 0.5rem;
		}
		.contact-card {
			transition: all 0.3s ease;
		}
		.contact-card:hover {
			transform: translateY(-5px);
			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
		}

/* source: index.php */
.gradient-bg {
			background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
		}
		.hover-scale {
			transition: transform 0.3s ease;
		}
		.hover-scale:hover {
			transform: scale(1.05);
		}
		.service-card:hover .service-icon {
			transform: rotateY(180deg);
		}
		.service-icon {
			transition: transform 0.5s ease;
		}
		.animated-border {
			position: relative;
		}
		.animated-border::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0;
			height: 2px;
			background: #3b82f6;
			transition: width 0.3s ease;
		}
		.animated-border:hover::after {
			width: 100%;
		}
		@keyframes fadeIn {
			from { opacity: 0; transform: translateY(20px); }
			to { opacity: 1; transform: translateY(0); }
		}
		.animate-fadeIn {
			animation: fadeIn 0.6s ease forwards;
		}

/* source: kak-vosstanovit-bitrix-iz-kopii.php */
.gradient-bg {
            background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
        }
        .hover-scale {
            transition: transform 0.3s ease;
        }
        .hover-scale:hover {
            transform: scale(1.05);
        }
        .animated-border {
            position: relative;
        }
        .animated-border::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: #3b82f6;
            transition: width 0.3s ease;
        }
        .animated-border:hover::after {
            width: 100%;
        }
        .author-note {
            background-color: #EFF6FF;
            border-left: 4px solid #2563eb;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 0 8px 8px 0;
            position: relative;
        }
        .author-note:before {
            content: "Мнение автора";
            display: block;
            font-weight: 600;
            color: #2563eb;
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
        }
        .steps-list {
            counter-reset: step-counter;
            list-style: none;
            padding-left: 0;
        }
        .steps-list li {
            counter-increment: step-counter;
            margin-bottom: 1.5rem;
            position: relative;
            padding-left: 3.5rem;
        }
        .steps-list li:before {
            content: counter(step-counter);
            position: absolute;
            left: 0;
            top: 0;
            background-color: #2563eb;
            color: white;
            font-weight: bold;
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .cta-box {
            background-color: #2563eb;
            color: white;
            padding: 2rem;
            border-radius: 8px;
            margin: 3rem 0;
            text-align: center;
        }
        .article-image {
            width: 100%;
            height: 400px;
            object-fit: cover;
            border-radius: 8px;
            margin: 2rem 0;
        }
        .article-content {
            line-height: 1.8;
            font-size: 1.1rem;
            color: #4B5563;
        }
        .article-content h2 {
            font-size: 1.8rem;
            color: #111827;
            margin-top: 3rem;
            margin-bottom: 1.5rem;
        }
        .article-content h3 {
            font-size: 1.4rem;
            color: #111827;
            margin-top: 2.5rem;
            margin-bottom: 1.2rem;
        }
        .warning-box {
            background-color: #FEF3C7;
            border-left: 4px solid #F59E0B;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 0 8px 8px 0;
        }

/* source: portfolio.php */
.gradient-bg {
            background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
        }
        .portfolio-item {
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
        }
        .portfolio-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }
        .portfolio-image {
            height: 220px;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        .portfolio-item:hover .portfolio-image {
            transform: scale(1.05);
        }
        .portfolio-overlay {
            background: linear-gradient(to top, rgba(39, 79, 176, 0.9) 0%, transparent 100%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .portfolio-item:hover .portfolio-overlay {
            opacity: 1;
        }
        .animated-border {
            position: relative;
        }
        .animated-border::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: #3b82f6;
            transition: width 0.3s ease;
        }
        .animated-border:hover::after {
            width: 100%;
        }
        .stats-item {
            transition: all 0.3s ease;
        }
        .stats-item:hover {
            transform: scale(1.05);
        }
        .filter-btn.active {
            background-color: #3b82f6;
            color: white;
        }

/* source: services.php */
.gradient-bg {
			background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
		}
		.hover-scale {
			transition: transform 0.3s ease;
		}
		.hover-scale:hover {
			transform: scale(1.05);
		}
		.service-card:hover .service-icon {
			transform: rotateY(180deg);
		}
		.service-icon {
			transition: transform 0.5s ease;
		}
		.animated-border {
			position: relative;
		}
		.animated-border::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0;
			height: 2px;
			background: #3b82f6;
			transition: width 0.3s ease;
		}
		.animated-border:hover::after {
			width: 100%;
		}
		@keyframes fadeIn {
			from { opacity: 0; transform: translateY(20px); }
			to { opacity: 1; transform: translateY(0); }
		}
		.animate-fadeIn {
			animation: fadeIn 0.6s ease forwards;
		}
		.breadcrumbs {
			padding: 1rem 0;
			font-size: 0.9rem;
		}
		.breadcrumbs a {
			color: #3b82f6;
			transition: color 0.3s;
		}
		.breadcrumbs a:hover {
			color: #1e40af;
		}
		.breadcrumbs span {
			color: #6b7280;
			margin: 0 0.5rem;
		}

/* source: spectrum.php */
.gradient-bg {
			background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
		}
		.hover-scale {
			transition: transform 0.3s ease;
		}
		.hover-scale:hover {
			transform: scale(1.05);
		}
		.animated-border {
			position: relative;
		}
		.animated-border::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0;
			height: 2px;
			background: #3b82f6;
			transition: width 0.3s ease;
		}
		.animated-border:hover::after {
			width: 100%;
		}
		.breadcrumbs {
			padding: 1rem 0;
			font-size: 0.9rem;
		}
		.breadcrumbs a {
			color: #3b82f6;
			transition: color 0.3s;
		}
		.breadcrumbs a:hover {
			color: #1e40af;
		}
		.breadcrumbs span {
			color: #6b7280;
			margin: 0 0.5rem;
		}
		.feature-card:hover .feature-icon {
			transform: rotateY(180deg);
		}
		.feature-icon {
			transition: transform 0.5s ease;
		}
		.price-card:hover {
			box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.4);
		}
		.blob {
			animation: blob-animate 8s infinite;
		}
		@keyframes blob-animate {
			0% { transform: translate(0px, 0px) scale(1); }
			33% { transform: translate(30px, -20px) scale(1.05); }
			66% { transform: translate(-20px, 20px) scale(0.95); }
			100% { transform: translate(0px, 0px) scale(1); }
		}

/* source: team.php */
.gradient-bg {
            background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
        }
        .hover-scale {
            transition: transform 0.3s ease;
        }
        .hover-scale:hover {
            transform: scale(1.05);
        }
        .team-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        }
        .team-card {
            transition: all 0.3s ease;
        }
        .animated-border {
            position: relative;
        }
        .animated-border::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: #3b82f6;
            transition: width 0.3s ease;
        }
        .animated-border:hover::after {
            width: 100%;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fadeIn {
            animation: fadeIn 0.6s ease forwards;
        }
        .breadcrumbs {
            padding: 1rem 0;
            font-size: 0.9rem;
        }
        .breadcrumbs a {
            color: #3b82f6;
            transition: color 0.3s;
        }
        .breadcrumbs a:hover {
            color: #1e40af;
        }
        .breadcrumbs span {
            color: #6b7280;
            margin: 0 0.5rem;
        }
        .team-photo {
            height: 280px;
            object-fit: cover;
            object-position: top;
        }