:root {
			--clr-primary: #16a34a;
			--clr-primary-soft: #f0fdf4;
			--clr-info: #0891b2;
			--clr-success: #059669;
			--clr-danger: #f43f5e;
			--clr-surface: #ffffff;
			--clr-surface-alt: #f0fdf4;
			--clr-dark: #102a43;
			--clr-muted: #5f6d88;
			--clr-border: rgba(22, 163, 74, 0.12);
		}

		/* ── Base typography ── */
		body {
			font-family: 'Inter', sans-serif;
			line-height: 1.7;
			color: var(--clr-dark);
		}

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-family: 'Space Grotesk', sans-serif;
			line-height: 1.2;
		}

		/* ── Custom scrollbar ── */
		::-webkit-scrollbar {
			width: 8px;
		}

		::-webkit-scrollbar-track {
			background: #f0fdf4;
		}

		::-webkit-scrollbar-thumb {
			background: #16a34a;
			border-radius: 4px;
		}

		::-webkit-scrollbar-thumb:hover {
			background: #15803d;
		}

		/* ── Scroll animations ── */
		@keyframes fadeInUp {
			from {
				opacity: 0;
				transform: translateY(32px);
			}

			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		@keyframes fadeInLeft {
			from {
				opacity: 0;
				transform: translateX(-32px);
			}

			to {
				opacity: 1;
				transform: translateX(0);
			}
		}

		.animate-on-scroll {
			opacity: 0;
			transition: opacity 0.5s ease, transform 0.5s ease;
		}

		.animate-on-scroll.is-visible {
			animation: fadeInUp 0.65s cubic-bezier(0.22, 1, 0.36, 1) forwards;
		}

		.animate-left {
			opacity: 0;
		}

		.animate-left.is-visible {
			animation: fadeInLeft 0.65s cubic-bezier(0.22, 1, 0.36, 1) forwards;
		}

		/* ── Glassmorphism cards ── */
		.glass-card {
			background: rgba(255, 255, 255, 0.88);
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
			border: 1px solid rgba(255, 255, 255, 0.6);
			box-shadow: 0 8px 40px rgba(22, 163, 74, 0.10), 0 1px 0 rgba(22, 163, 74, 0.06) inset;
		}

		.glass-card:hover {
			box-shadow: 0 20px 60px rgba(22, 163, 74, 0.16), 0 1px 0 rgba(22, 163, 74, 0.08) inset;
		}

		/* ── Section dividers & spacing ── */
		section {
			scroll-margin-top: 80px;
		}

		section::before {
			content: '';
			display: block;
		}

		/* ── Mỗi section một màu nền riêng biệt ── */
		#section-top {
			background: #ffffff;
		}

		#section-about {
			background: #f0fdf4;
		}

		/* xanh lá nhạt */
		#section-schedule {
			background: #ffffff;
		}

		#section-hero {
			background: #fafafa;
		}

		/* xám rất nhạt */
		#section-committee {
			background: #f0fdf4;
		}

		#section-articles {
			background: #ffffff;
		}

		#section-training {
			background: #f7fdf7;
		}

		/* xanh lá rất nhạt */
		#section-sponsors {
			background: #f0fdf4;
		}

		/* Override padding từ theme gốc */
		#section-about,
		#section-hero,
		#section-committee,
		#section-articles,
		#section-training,
		#section-sponsors {
			padding: 5rem 0;
		}

		/* ── Section dividers ── */
		.section-divider {
			height: 6px;
			background: linear-gradient(90deg, #16a34a 0%, #22c55e 50%, #16a34a 100%);
			margin: 0;
			box-shadow: 0 2px 12px rgba(22, 163, 74, 0.15);
		}

		/* Bootstrap class overrides — chuyển sang xanh lá */
		.text-primary {
			color: #16a34a !important;
		}

		.bg-primary {
			background-color: #16a34a !important;
		}

		.btn-primary {
			background-color: #16a34a !important;
			border-color: #15803d !important;
			color: #fff !important;
		}

		.btn-primary:hover {
			background-color: #15803d !important;
			border-color: #166534 !important;
		}

		.border-primary {
			border-color: #16a34a !important;
		}

		.shadow-primary {
			box-shadow: 0 8px 25px rgba(22, 163, 74, 0.25) !important;
		}

		.badge {
			background-color: var(--clr-primary-soft) !important;
			color: var(--clr-primary) !important;
			padding: 4px 12px !important;
			border-radius: 20px !important;
			font-size: 2rem !important;
			font-weight: bold !important;
			width: fit-content !important;
		}

		p {
			color: var(--clr-dark) !important;
		}

		#section-about p {
			text-align: justify;
			margin: 0 0 0.75rem;
			line-height: 1.7;
		}

		#section-about p:last-child {
			margin-bottom: 0;
		}

		.section-about-text {
			font-family: 'Inter', sans-serif;
			font-size: 1.125rem;
		}

		.schedule-card {
			background: rgba(255, 255, 255, 0.90);
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
			border: 1px solid rgba(255, 255, 255, 0.6);
			border-radius: 1.4rem;
			padding: 2rem 1.75rem;
			box-shadow: 0 4px 24px rgba(22, 163, 74, 0.08);
			transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;
		}

		.schedule-card:hover {
			transform: translateY(-8px) scale(1.01);
			box-shadow: 0 24px 60px rgba(22, 163, 74, 0.18);
		}

		.schedule-icon {
			width: 56px;
			height: 56px;
			display: grid;
			place-items: center;
			margin: 0 auto 1rem;
			border-radius: 50%;
			background: var(--clr-primary);
			color: #ffffff;
			font-size: 1.2rem;
		}

		.schedule-text {
			font-size: 1.25rem;
			color: #3d3d3d;
			margin-bottom: 0;
			line-height: 1.65;
		}

		#section-hero {
			padding: 6rem 0;
		}

		#section-hero .section-hero {
			padding: 3rem 0 1rem;
		}

		#section-hero h3 {
			font-size: 2.8rem;
			letter-spacing: 0.18em;
			font-weight: 800;
			color: #12263f;
		}

		#section-hero .speaker-card {
			border: 0;
			border-radius: 1.5rem;
			overflow: hidden;
			background: rgba(255, 255, 255, 0.90);
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
			box-shadow: 0 8px 40px rgba(22, 163, 74, 0.10);
			height: 100%;
			display: flex;
			flex-direction: column;
			transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;
		}

		#section-hero .speaker-card:hover {
			transform: translateY(-10px) scale(1.02);
			box-shadow: 0 30px 70px rgba(22, 163, 74, 0.18);
		}

		#section-hero .speaker-img {
			height: 280px;
			width: 100%;
			object-fit: cover;
		}

		#section-hero .speaker-card .card-body {
			flex: 1 1 auto;
		}

		#section-hero .speaker-name {
			font-size: 1rem;
			font-weight: 700;
			color: #172b4d;
		}

		#section-hero .speaker-role {
			font-size: 0.95rem;
			color: #6b7b92;
			margin-top: 0.35rem;
		}

		#section-committee {
			background: var(--clr-surface-alt);
			padding: 5rem 0;
		}

		#section-committee .committee-card {
			background: rgba(255, 255, 255, 0.90);
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
			border: 1px solid rgba(255, 255, 255, 0.6);
			border-radius: 1.5rem;
			box-shadow: 0 8px 40px rgba(22, 163, 74, 0.10);
			padding: 1.5rem 2rem;
			margin-bottom: 1.5rem;
			transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;
		}

		#section-committee .committee-card:hover {
			transform: translateY(-6px);
			box-shadow: 0 20px 55px rgba(22, 163, 74, 0.16);
		}

		#section-committee .table-title {
			font-size: 1.2rem;
			letter-spacing: 0.02em;
		}

		#section-committee .committee-card .table-responsive {
			border-radius: 1rem;
			overflow: hidden;
		}

		#section-committee .table thead th {
			border: none;
		}

		#section-committee .table tbody tr:nth-child(odd) {
			background: #f0fdf4;
		}

		#section-committee .table tbody tr:hover {
			background: rgba(22, 163, 74, 0.08);
		}

		#section-committee .table td,
		#section-committee .table th {
			vertical-align: middle;
		}

		#section-committee .emp-name {
			font-weight: 600;
			color: #102a43;
		}

		#section-committee .committee-name {
			display: flex;
			align-items: center;
			gap: 1rem;
		}

		#section-committee .committee-avatar {
			width: 52px;
			height: 52px;
			border-radius: 50%;
			overflow: hidden;
			flex-shrink: 0;
			border: 1px solid rgba(22, 163, 74, 0.18);
		}

		#section-committee .committee-avatar img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		#section-committee .name-text {
			font-weight: 700;
			color: #102a43;
		}

		#section-committee .muted {
			color: #6b7b92;
			font-size: 0.95rem;
		}

		#section-committee .table th,
		#section-committee .table td {
			border-top: none;
		}

		#section-committee .table thead th {
			border-bottom: 2px solid rgba(255, 255, 255, 0.2);
		}

		#section-committee .table th:first-child,
		#section-committee .table td:first-child {
			text-align: center;
		}

		#section-committee .td-detail {
			min-width: 18rem;
		}

		#section-articles {
			background: linear-gradient(180deg, #cbeaf1 0%, #107e55 100%);
		}

		#section-articles .section-heading {
			margin-bottom: 3rem;
		}

		#section-articles .section-heading h2 {
			font-size: clamp(2.4rem, 4vw, 3.4rem);
			letter-spacing: 0.04em;
		}

		#section-articles .section-heading p {
			font-size: 1.05rem;
			color: var(--clr-muted);
			max-width: 42rem;
			margin: 0 auto;
		}

		#section-articles .article-cta .btn {
			font-size: 1.03rem;
			padding: 1rem 2rem;
			border-radius: 999px;
			background: var(--clr-primary);
			border-color: var(--clr-primary);
			transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.2s ease;
		}

		#section-articles .article-cta .btn:hover {
			transform: translateY(-3px) scale(1.03);
			box-shadow: 0 20px 50px rgba(22, 163, 74, 0.22);
			background: #15803d;
		}

		#section-articles .timeline-box-container {
			display: grid;
			grid-gap: 1rem;
		}

		#section-articles .timeline-block {
			background: rgba(255, 255, 255, 0.90);
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
			border: 1px solid rgba(255, 255, 255, 0.6);
			border-radius: 0 1.5rem 1.5rem 0;
			border-left: 6px solid transparent;
			box-shadow: 0 8px 32px rgba(22, 163, 74, 0.08);
			transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease, border-color 0.3s ease;
			min-height: 142px;
			padding: 1.75rem;
		}

		#section-articles .timeline-block:hover {
			transform: translateY(-6px) scale(1.01);
			box-shadow: 0 20px 50px rgba(22, 163, 74, 0.16);
		}

		#section-articles .timeline-heading {
			font-size: 0.96rem;
			letter-spacing: 0.08em;
		}

		#section-articles .timeline-pill {
			background: rgba(255, 255, 255, 0.96);
			color: var(--clr-dark);
			padding: 0.65rem 1rem;
			border-radius: 999px;
			font-weight: 700;
			font-size: 0.95rem;
			box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
		}

		#section-articles .timeline-primary {
			background: #f0fdf4;
			border-left-color: var(--clr-primary);
		}

		#section-articles .timeline-info {
			background: #ebf9ff;
			border-left-color: var(--clr-info);
		}

		#section-articles .timeline-success {
			background: #eff7ef;
			border-left-color: var(--clr-success);
		}

		#section-training {
			font-family: 'Inter', sans-serif;
			/* Khuyên dùng font này cho hiện đại */
			color: #333;
		}

		.border-left-custom {
			border-left: 5px solid #28a745;
		}

		/* Fix lỗi khung giờ bị đè */
		.time-badge {
			display: inline-block;
			background: #eef9f1;
			color: #17a659;
			font-weight: 700;
			padding: 8px 15px;
			border-radius: 30px;
			font-size: 1.1rem;
			width: 100%;
			text-align: center;
		}

		/* Fix lỗi chữ mô tả */
		.topic-title {
			font-weight: 700;
			color: #2c3e50;
			margin-bottom: 8px;
		}

		.topic-desc {
			color: #6c757d;
			/* Màu xám thay vì màu đỏ */
			font-size: 0.95rem;
			margin-bottom: 0;
		}

		/* Card yêu cầu kỹ thuật */
		.tech-requirement-card {
			background: #f8f9fa;
			border-radius: 20px;
			padding: 30px;
			border: 1px solid #e9ecef;
		}

		.tech-requirement-card h6 {
			font-weight: 800;
			letter-spacing: 1px;
		}

		.tech-requirement-card li {
			display: flex;
			align-items: flex-start;
			margin-bottom: 15px;
			font-size: 0.9rem;
		}

		.tech-requirement-card i {
			color: #28a745;
			margin-right: 12px;
			margin-top: 3px;
		}

		/* Thanh CTA phong cách hiện đại */
		.cta-floating-bar {
			background: #1a1a1a;
			border-radius: 100px;
			max-width: 600px;
			margin-left: auto;
			margin-right: auto;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
		}

		.btn-success-modern {
			background: linear-gradient(90deg, #28a745, #20c997);
			color: white;
			border: none;
			padding: 10px 30px;
			border-radius: 50px;
			font-weight: 700;
			transition: 0.3s;
		}

		.btn-success-modern:hover {
			transform: scale(1.05);
			color: white;
		}

		/* ── Sponsors Section ── */
		#section-sponsors {
			background: linear-gradient(180deg, #02662f 0%, #0ead73 100%);
			padding: 4.5rem 0;
			position: relative;
		}

		#section-sponsors::before {
			content: '';
			position: absolute;
			inset: 0;
			background-image:
				radial-gradient(circle at 10% 30%, rgba(43, 115, 245, 0.06) 0%, transparent 35%),
				radial-gradient(circle at 90% 70%, rgba(43, 115, 245, 0.05) 0%, transparent 35%);
			pointer-events: none;
		}

		/* Section header */
		#section-sponsors .sponsors-header {
			background: rgba(255, 255, 255, 0.88);
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
			border: 1px solid rgba(255, 255, 255, 0.6);
			border-radius: 1.5rem;
			padding: 2.5rem 2rem;
			margin-bottom: 2.5rem;
			box-shadow: 0 8px 40px rgba(22, 163, 74, 0.10);
			transition: transform 0.3s ease, box-shadow 0.3s ease;
		}

		#section-sponsors .sponsors-header::before {
			display: none;
		}

		#section-sponsors .sponsors-header::after {
			display: none;
		}

		#section-sponsors .sponsors-header:hover {
			transform: translateY(-4px);
			box-shadow: 0 16px 50px rgba(22, 163, 74, 0.16);
		}

		/* Sponsor card */
		#section-sponsors .sponsor-card {
			background: rgba(255, 255, 255, 0.92);
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
			border: 1px solid rgba(255, 255, 255, 0.6);
			border-radius: 1.5rem;
			box-shadow: 0 8px 40px rgba(22, 163, 74, 0.10);
			overflow: hidden;
			margin-bottom: 1.5rem;
			transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;
		}

		#section-sponsors .sponsor-card:hover {
			transform: translateY(-8px) scale(1.01);
			box-shadow: 0 24px 60px rgba(22, 163, 74, 0.18);
		}

		#section-sponsors .sponsor-logo-box {
			background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 2.5rem;
			min-height: 220px;
		}

		#section-sponsors .sponsor-logo-box img {
			max-width: 100%;
			max-height: 140px;
			object-fit: contain;
		}

		#section-sponsors .sponsor-content {
			padding: 2.25rem 2rem;
		}

		#section-sponsors .sponsor-tag {
			display: inline-flex;
			align-items: center;
			padding: 0.35rem 1rem;
			border-radius: 50px;
			font-size: 0.78rem;
			font-weight: 700;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			margin-bottom: 0.75rem;
		}

		#section-sponsors .sponsor-tag--diamond {
			background: linear-gradient(135deg, #f0fdf4 0%, #bbf7d0 100%);
			color: #15803d;
			border: 1px solid rgba(22, 163, 74, 0.2);
		}

		#section-sponsors .sponsor-tag--gold {
			background: linear-gradient(135deg, #fff8e1 0%, #ffe082 100%);
			color: #b8860b;
			border: 1px solid rgba(184, 134, 11, 0.2);
		}

		#section-sponsors .sponsor-content h2 {
			font-size: 1.35rem;
			letter-spacing: 0.03em;
			color: var(--clr-dark);
		}

		#section-sponsors .sponsor-content p {
			font-size: 0.95rem;
			color: var(--clr-muted);
			line-height: 1.7;
		}

		#section-sponsors .sponsor-feature-list {
			margin: 0;
			padding: 0;
		}

		#section-sponsors .sponsor-feature-list li {
			display: flex;
			align-items: center;
			gap: 0.6rem;
			padding: 0.45rem 0;
			font-size: 0.9rem;
			color: var(--clr-dark);
		}

		#section-sponsors .sponsor-feature-list li i {
			color: var(--clr-primary);
			flex-shrink: 0;
		}

		#section-sponsors .btn-visit {
			display: inline-flex;
			align-items: center;
			gap: 0.5rem;
			background: var(--clr-primary);
			color: #fff;
			font-size: 0.9rem;
			font-weight: 600;
			padding: 0.7rem 1.5rem;
			border-radius: 50px;
			border: none;
			transition: transform 0.2s, box-shadow 0.2s;
			letter-spacing: 0.03em;
		}

		#section-sponsors .btn-visit:hover {
			transform: translateY(-2px);
			box-shadow: 0 8px 20px rgba(43, 115, 245, 0.25);
			color: #fff;
		}

		/* CTA block */
		#section-sponsors .sponsors-cta {
			background: linear-gradient(135deg, #14532d 0%, #15803d 45%, #22c55e 100%);
			border-radius: 1.6rem;
			padding: 4rem 2rem 3.5rem;
			margin-top: 1rem;
			position: relative;
			overflow: hidden;
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		#section-sponsors .sponsors-cta::before {
			content: '';
			position: absolute;
			top: -80px;
			right: -80px;
			width: 260px;
			height: 260px;
			background: rgba(255, 255, 255, 0.06);
			border-radius: 50%;
		}

		#section-sponsors .sponsors-cta::after {
			content: '';
			position: absolute;
			bottom: -60px;
			left: -60px;
			width: 200px;
			height: 200px;
			background: rgba(255, 255, 255, 0.04);
			border-radius: 50%;
		}

		#section-sponsors .sponsors-cta-icon {
			font-size: 9rem;
			position: absolute;
			right: -30px;
			bottom: -40px;
			color: rgba(255, 255, 255, 0.07);
			pointer-events: none;
		}

		#section-sponsors .btn-sponsor-cta {
			display: inline-flex;
			align-items: center;
			gap: 0.75rem;
			background: #fff;
			color: var(--clr-primary);
			font-weight: 700;
			font-size: 1rem;
			padding: 1rem 2.5rem;
			border-radius: 50px;
			border: none;
			cursor: pointer;
			transition: transform 0.25s, box-shadow 0.25s;
			letter-spacing: 0.05em;
			position: relative;
			z-index: 1;
			margin-top: 0.5rem;
		}

		#section-sponsors .btn-sponsor-cta:hover {
			transform: translateY(-3px);
			box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
		}

		#section-articles .card-body {
			padding: 1.6rem;
		}

		#section-articles h4,
		#section-articles h6,
		#section-articles h5 {
			letter-spacing: 0.03em;
		}

		#section-articles .card p,
		#section-articles .list-group-item {
			font-size: 0.98rem;
			color: #4f5d78;
		}

		#section-articles .article-downloads .list-group-item {
			border-radius: 1rem;
			margin-bottom: 0.65rem;
			border: 1px solid var(--clr-border);
		}

		#section-articles .article-downloads .list-group-item:last-child {
			margin-bottom: 0;
		}

		#section-articles .card.bg-primary {
			background: linear-gradient(135deg, var(--clr-primary) 0%, #15803d 100%);
		}

		#section-articles .card.bg-primary .list-unstyled strong {
			color: #ffffff;
		}

		#section-articles .card.bg-primary span,
		#section-articles .card.bg-primary code {
			color: #ffffff;
		}

		.registration-hero {
			/* Gradient xanh chuyên nghiệp hơn */
			background: linear-gradient(135deg, #0d6e44 0%, #17a659 100%);
			border-radius: 24px;
			position: relative;
			overflow: hidden;
		}

		/* Fix lỗi chữ chìm bằng cách chỉnh lại độ sáng */
		.text-white-50 {
			color: rgba(255, 255, 255, 0.8) !important;
			/* Tăng từ 0.5 lên 0.8 để dễ đọc hơn */
		}

		/* Nút bấm trắng nổi bật hoàn toàn trên nền xanh */
		.btn-contact-white {
			background: #ffffff;
			color: #0d6e44 !important;
			padding: 14px 35px;
			border-radius: 50px;
			font-weight: 700;
			text-decoration: none;
			display: inline-block;
			transition: all 0.3s ease;
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
		}

		.btn-contact-white:hover {
			transform: translateY(-3px);
			box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
			background: #f8f9fa;
		}

		/* Đường kẻ phân cách trắng mờ */
		.border-left-white {
			border-left: 1px solid rgba(255, 255, 255, 0.3);
		}

		/* Responsive cho mobile */
		@media (max-width: 768px) {
			.border-left-white {
				border-left: none;
				border-top: 1px solid rgba(255, 255, 255, 0.3);
				margin-top: 10px;
			}
		}

		.footer-gis-modern {
			background: #05221a;
			/* Xanh cực đậm đồng bộ với màu bạn vừa đổi */
			padding: 80px 0 30px;
			color: rgba(255, 255, 255, 0.7);
			font-family: 'Inter', sans-serif;
		}

		.brand-title {
			color: #fff;
			font-weight: 800;
			font-size: 1.5rem;
			letter-spacing: 1px;
			margin-bottom: 20px;
		}

		.brand-title span {
			color: #17a659;
			/* Màu xanh lá làm điểm nhấn */
		}

		.brand-desc {
			line-height: 1.8;
			font-size: 0.95rem;
		}

		.footer-heading {
			color: #fff;
			font-weight: 700;
			font-size: 0.9rem;
			letter-spacing: 2px;
			margin-bottom: 25px;
			position: relative;
		}

		/* Gạch chân trang trí dưới heading */
		.footer-heading::after {
			content: "";
			position: absolute;
			bottom: -8px;
			left: 0;
			width: 30px;
			height: 2px;
			background: #17a659;
		}

		.contact-item {
			display: flex;
			align-items: flex-start;
			margin-bottom: 15px;
		}

		.contact-item i {
			color: #17a659;
			margin-right: 15px;
			margin-top: 5px;
		}

		.contact-item a {
			color: rgba(255, 255, 255, 0.7);
			transition: 0.3s;
			text-decoration: none !important;
		}

		.contact-item a:hover {
			color: #fff;
		}

		/* Social Icons */
		.social-links a {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 36px;
			height: 36px;
			background: rgba(255, 255, 255, 0.05);
			color: #fff;
			border-radius: 50%;
			margin-right: 10px;
			transition: 0.3s;
		}

		.social-links a:hover {
			background: #17a659;
			transform: translateY(-3px);
		}

		.footer-bottom {
			border-top: 1px solid rgba(255, 255, 255, 0.05);
			padding-top: 30px;
		}

		.countdown-item {
			display: flex;
			background: #ffffff;
			border-radius: 8px;
			width: 150px;
			/* Cố định tổng độ rộng */
			height: 80px;
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
			overflow: hidden;
			margin: 5px;
		}

		.countdown-number {
			background: #28a745;
			/* Màu xanh lá (Green) */
			color: white;
			font-size: 2rem;
			font-weight: bold;
			width: 60%;
			/* Cố định 60% cho phần số */
			display: flex;
			align-items: center;
			justify-content: center;
			font-variant-numeric: tabular-nums;
			/* Giúp các con số có độ rộng bằng nhau */
		}

		.countdown-label {
			background: #ffffff;
			color: #333;
			font-size: 0.75rem;
			font-weight: bold;
			width: 40%;
			/* Cố định 40% cho phần chữ */
			display: flex;
			align-items: center;
			justify-content: center;
			text-transform: uppercase;
		}

		/* Language Switcher */
		.lang-switcher {
			display: flex;
			align-items: center;
			margin-left: 15px;
			border-left: 1px solid rgba(22, 163, 74, 0.2);
			padding-left: 15px;
		}

		.lang-btn {
			background: #ffffff;
			border: 2px solid #16a34a;
			color: #16a34a;
			font-weight: 700;
			font-size: 0.8rem;
			padding: 6px 14px;
			border-radius: 20px;
			cursor: pointer;
			transition: all 0.3s ease;
			text-decoration: none;
		}

		.lang-btn:hover,
		.lang-btn.active {
			background: #16a34a;
			color: #ffffff;
		}
		#abstractModal .modal-content {
    background-color: #ffffff !important; /* Bắt buộc nền màu trắng */
    border: none;
    border-radius: 12px; /* Bo góc cho đẹp */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); /* Tạo bóng đổ để nổi bật lên trên nền web */
    z-index: 1055; /* Đảm bảo modal luôn nằm trên cùng */
}

/* Làm mờ nền web phía sau khi mở modal (nếu chưa có) */
.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

/* Sửa lại màu chữ của header form để dễ đọc trên nền trắng */
#abstractModal .modal-title {
    color: #2c7a7b !important; /* Màu xanh đồng bộ với web */
}