/* Event Banner */
			.event-banner {
				position: relative;
				width: 100%;
				height: 225px;
				margin-top: 0rem;
				background: var(--bg-tertiary);
				overflow: hidden;
				box-shadow: 0 4px 20px var(--shadow-sm);
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 0rem;
			}

			.event-banner img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: transform 0.3s ease;
			}

			.event-banner-placeholder {
				width: 100%;
				height: 100%;
				background: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-light) 100%);
				display: flex;
				align-items: center;
				justify-content: center;
				color: var(--color-tertiary);
				font-size: 0.9rem;
				font-weight: 300;
				letter-spacing: 0.5px;
				border: 1px dashed var(--color-border-light);
			}

/* Services Section */
			.services {
				padding: 8rem 0rem;
				background: var(--bg-primary);
			}

			.container {
				padding-left: 2rem;
			}

			.section-header {
				text-align: left;
				margin-bottom: 1rem;
			}

			.section-title {
				font-size: 2.2rem;
				font-weight: 300;
				margin-bottom: 1rem;
				color: var(--color-primary);
				letter-spacing: -0.5px;
				text-align: left;
			}

			.section-subtitle {
				font-size: 1.1rem;
				color: var(--color-secondary);
				max-width: 600px;
				margin: 0 auto;
				font-weight: 300;
				line-height: 1.6;
				text-align: left;
			}

			.services-grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 3rem;
				max-width: 1400px;
				margin: 0 auto;
				padding: 0 2rem;
			}

			.service-item {
				text-align: left;
				padding: 2rem;
				border: 1px solid var(--color-border-light);
				border-radius: 12px;
				background: var(--card-bg);
				backdrop-filter: var(--backdrop-blur);
				-webkit-backdrop-filter: var(--backdrop-blur);
				transition: all 0.3s ease;
				position: relative;
				overflow: hidden;
			}

			.service-item:hover {
				border-color: var(--card-border-hover);
				background: var(--card-bg-hover);
				transform: scale(1.02) rotate(1deg);
			}

			.service-item .mouse-glow {
				position: absolute;
				width: 250px;
				height: 250px;
				background: radial-gradient(
					circle,
					rgba(255, 255, 255, 0.15) 0%,
					rgba(255, 255, 255, 0.05) 40%,
					transparent 70%
				);
				border-radius: 50%;
				pointer-events: none;
				transform: translate(-50%, -50%);
				opacity: 0;
				transition: opacity 0.3s ease-out;
				z-index: 1;
				filter: blur(40px);
			}

			.service-number {
				font-size: 0.9rem;
				color: var(--color-tertiary);
				margin-bottom: 1rem;
				font-weight: 400;
				letter-spacing: 2p;
				text-transform: uppercase;
			}

			.service-item h3 {
				font-size: 1.4rem;
				font-weight: 400;
				margin-bottom: 1rem;
				color: var(--color-primary);
				letter-spacing: -0.3px;
			}

			.service-item p {
				color: var(--text-body);
				line-height: 1.6;
				font-weight: 300;
				font-size: 0.95rem;
			}

/* About Section */
			.about {
				padding: 8rem 0;
				background: var(--bg-secondary);
			}

			.about-content {
				max-width: 1400px;
				margin: 0 auto;
				padding: 0 2rem;
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 6rem;
				align-items: start;
				z-index: 100;
			}

			.about-emoji-1,
			.about-emoji-2,
			.about-emoji-3 {
				position: absolute;
				width: 7rem;
				height: 7rem;
				opacity: 1;
				z-index: 1;
				transform-origin: center;
			}

			.about-emoji-1 {
				top: -20%;
				left: -2%;
				transform: rotate(-18deg);
				transition: 0.3s ease;
			}

			.about-emoji-2 {
				top: -12%;
				right: 40%;
				transform: rotate(12deg);
				transition: 0.3s ease;
			}

			.about-emoji-3 {
				bottom: 0%;
				right: 5%;
				transform: rotate(6deg);
				transition: 0.3s ease;
			}

			.about-emoji-1:hover {
				transform: scale(1.03) rotate(-20deg);
				transition: 0.3s ease;
			}

			.about-emoji-2:hover {
				transform: scale(1.03) rotate(14deg);
				transition: 0.3s ease;
			}

			.about-emoji-3:hover {
				transform: scale(1.03) rotate(8deg);
				transition: 0.3s ease;
			}

			.about-text h2 {
				font-size: 2.2rem;
				font-weight: 300;
				margin-bottom: 2rem;
				color: var(--color-primary);
				letter-spacing: -0.5px;
				z-index: 100;
			}

			.about-text p {
				color: var(--text-body);
				font-size: 1.1rem;
				line-height: 1.7;
				margin-bottom: 1.5rem;
				font-weight: 300;
				z-index: 100;
			}

			.about-stats {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 2rem;
				margin-top: 3rem;
				z-index: 100;
			}

			.stat-item {
				text-align: center;
				padding: 1.5rem;
				border: 1px solid var(--color-border-light);
				border-radius: 8px;
				background: var(--card-bg);
				backdrop-filter: var(--backdrop-blur);
				-webkit-backdrop-filter: var(--backdrop-blur);
				transition: all 0.3s ease;
				z-index: 100;
				position: relative;
				overflow: hidden;
			}

			.stat-item:hover {
				transform: scale(1.02) rotate(-1deg);
				transition: all 0.3s ease;
			}

			.stat-item:hover {
				border-color: var(--card-border-hover);
				background: var(--card-bg-hover);
			}

			.stat-item .mouse-glow {
				position: absolute;
				width: 180px;
				height: 180px;
				background: radial-gradient(
					circle,
					rgba(255, 255, 255, 0.15) 0%,
					rgba(255, 255, 255, 0.05) 40%,
					transparent 70%
				);
				border-radius: 50%;
				pointer-events: none;
				transform: translate(-50%, -50%);
				opacity: 0;
				transition: opacity 0.3s ease-out;
				z-index: 1;
				filter: blur(35px);
			}

			.stat-number {
				font-size: 2rem;
				font-weight: 300;
				color: var(--color-primary);
				margin-bottom: 0.5rem;
				z-index: 100;
			}

			.stat-label {
				font-size: 0.9rem;
				color: var(--color-tertiary);
				text-transform: uppercase;
				letter-spacing: 1px;
				z-index: 100;
			}

			.about-image {
				overflow: hidden;
				position: relative;
				width: 100%;
				height: 30rem;
				object-fit: cover;
				border: 1px solid var(--color-border-light);
				border-radius: 12px;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 0.9rem;
				font-weight: 300;
				letter-spacing: 0.5px;
				backdrop-filter: var(--backdrop-blur);
				-webkit-backdrop-filter: var(--backdrop-blur);
				z-index: 100;
				transition: 0.3s ease;
			}

			.about-image:hover {
				transform: scale(1.01);
				transition: 0.3s ease;
			}


			/* Profile Section */
			.profile-section {
				padding: 6rem 0;
				background: var(--bg-primary);
			}

			.profile-grid {
				display: grid;
				gap: 0rem;
				margin: 0 -1rem;
				max-width: 1400px;
			}

			.profile-info {
				color: var(--color-primary);
			}

			.about-me {
				padding: 0rem 2rem;
			}

			.about-me h2 {
				font-size: 2rem;
				font-weight: 300;
				margin-bottom: 1.5rem;
				color: var(--color-primary);
			}

			.about-me p {
				color: var(--text-body);
				line-height: 1.8;
				margin-bottom: 2rem;
				font-size: 1.1rem;
				padding-right: 1rem;
			}

			.article-text {
								display: grid;
								grid-template-columns: 1fr 1fr;
								gap: 3rem;
								position: relative;
								padding-top: 2rem;
							}

							.article-text::after {
								content: '';
								position: absolute;
								top: 0;
								bottom: 0;
								left: 50%;
								width: 1px;
								background: rgba(255, 255, 255, 0.1);
								transform: translateX(-50%);
							}

							.column-left,
							.column-right {
								margin: 0;
							}

							@media (max-width: 768px) {
								.article-text {
									grid-template-columns: 1fr;
									gap: 2rem;
								}

								.article-text::after {
									display: none;
								}
							}