@import './global.css';
@import './buttons.css';

body {
	background-color: #990000;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}

/* Ensure the body and HTML take up the full viewport height */
html,
body {
	height: 100%;
	margin: 0;
	display: flex;
	flex-direction: column;
	overscroll-behavior-y: none;
	overflow-x: hidden;
	width: 100%;
}

/* Main content area takes up the remaining space */
main.main-content {
	flex: 1;
	/* Allow the main content to grow and fill the space */
}

/* Footer stays at the bottom */
footer {
	background-color: #B11300;
	/* Adjust to your footer color */
	padding: 20px 0;
	/* Adjust padding as needed */
	text-align: center;
	/* Center-align text inside the footer */
}


.main-content {
	overflow-x: hidden;
	/* Prevent horizontal overflow */
	position: relative;
	padding-top: 40px;
}

/* Top-right gradient */
.main-content::before {
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	/* Adjusted to normal size */
	height: 100%;
	/* Adjusted to normal size */
	background: radial-gradient(40.31% 45.53% at 100% 0%, #00C2FF 0%, rgba(0, 194, 255, 0) 100%);
	z-index: 0;
	/* Place the gradient behind content */
	pointer-events: none;
	/* Make sure it doesn't block clicks */
}

/* Bottom-left gradient */
.main-content::after {
	content: '';
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	/* Adjusted to normal size */
	height: 100%;
	/* Adjusted to normal size */
	background: radial-gradient(42.22% 46.99% at 0% 100%, #CC00FF 0%, rgba(204, 0, 255, 0) 100%);
	z-index: 0;
	/* Place the gradient behind content */
	pointer-events: none;
	/* Make sure it doesn't block clicks */
}

.header-container {
	max-width: 1440px;
	margin: 0 auto;
	padding-left: 138px;
	box-sizing: border-box;
}

.header-logo img {
	max-width: 150px;
	height: auto;
	display: block;
	/* z-index: 2; */
}

.header-content {
	max-width: 700px;
	max-height: 300px;
	margin: -40px auto 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	position: relative;
}

@media (max-width: 1440px) {
	.header-container {
		padding-left: calc(138px / 1440 * 100vw);
	}
}

/* Top Image Wrapper */
.top-image-wrapper {
	position: relative;
	margin: 10px auto 0;
	width: 100%;
	/* Full-width wrapper */
	max-width: 300px;
	/* Ensure it scales with the banner */
	height: auto;
	display: flex;
	justify-content: center;
	/* Center content horizontally */
	align-items: center;
	/* Center content vertically */
}

/* Banner */
.banner {
	width: 100%;
	max-width: 300px;
	height: auto;
	position: relative;
	z-index: -1;
	/* Ensure banner stays above the SVGs */
}

/* SVG Background Styling */
.svg-background {
	position: absolute;
	top: 50%;
	/* Center vertically */
	left: 50%;
	/* Center horizontally */
	transform: translate(-50%, -50%);
	/* Adjust positioning to center */
	width: 2097px;
	/* Slightly larger than the container */
	height: auto;
	/* Maintain aspect ratio */
	z-index: -1;
	/* Keep behind the banner */
	pointer-events: none;
	/* Prevent interaction with SVGs */
	will-change: clip-path, filter;
	/* Optimize animation performance */
	backface-visibility: hidden;
	/* Reduce flickering */
	-webkit-backface-visibility: hidden;
	transform-style: preserve-3d;
	/* Better 3D rendering */
	-webkit-transform-style: preserve-3d;
	perspective: 1000px;
	/* Smooth out animations */
	-webkit-perspective: 1000px;
	animation:
			smooth-pixel-flow 4s cubic-bezier(0.4, 0, 0.2, 1) forwards,
			color-pulse 4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes smooth-pixel-flow {
	0% {
		-webkit-clip-path: circle(0% at center);
		clip-path: circle(0% at center);
		filter: drop-shadow(0 0 0px rgba(0, 194, 255, 0));
	}

	1% {
		-webkit-clip-path: circle(1% at center);
		clip-path: circle(1% at center);
		filter: drop-shadow(0 0 1px rgba(0, 194, 255, 0.05));
	}

	2% {
		-webkit-clip-path: circle(2% at center);
		clip-path: circle(2% at center);
		filter: drop-shadow(0 0 2px rgba(0, 194, 255, 0.1));
	}

	3% {
		-webkit-clip-path: circle(3% at center);
		clip-path: circle(3% at center);
		filter: drop-shadow(0 0 3px rgba(0, 194, 255, 0.15));
	}

	4% {
		-webkit-clip-path: circle(4% at center);
		clip-path: circle(4% at center);
		filter: drop-shadow(0 0 4px rgba(0, 194, 255, 0.2));
	}

	5% {
		-webkit-clip-path: circle(5% at center);
		clip-path: circle(5% at center);
		filter: drop-shadow(0 0 5px rgba(0, 194, 255, 0.25));
	}

	6% {
		-webkit-clip-path: circle(6% at center);
		clip-path: circle(6% at center);
		filter: drop-shadow(0 0 6px rgba(0, 194, 255, 0.3));
	}

	7% {
		-webkit-clip-path: circle(7% at center);
		clip-path: circle(7% at center);
		filter: drop-shadow(0 0 7px rgba(0, 194, 255, 0.35));
	}

	8% {
		-webkit-clip-path: circle(8% at center);
		clip-path: circle(8% at center);
		filter: drop-shadow(0 0 8px rgba(0, 194, 255, 0.4));
	}

	9% {
		-webkit-clip-path: circle(9% at center);
		clip-path: circle(9% at center);
		filter: drop-shadow(0 0 9px rgba(0, 194, 255, 0.45));
	}

	10% {
		-webkit-clip-path: circle(10% at center);
		clip-path: circle(10% at center);
		filter: drop-shadow(0 0 10px rgba(0, 194, 255, 0.5));
	}

	11% {
		-webkit-clip-path: circle(11% at center);
		clip-path: circle(11% at center);
		filter: drop-shadow(0 0 11px rgba(0, 194, 255, 1));
	}

	12% {
		-webkit-clip-path: circle(12% at center);
		clip-path: circle(12% at center);
		filter: drop-shadow(0 0 12px rgba(0, 194, 255, 1));
	}

	13% {
		-webkit-clip-path: circle(13% at center);
		clip-path: circle(13% at center);
		filter: drop-shadow(0 0 13px rgba(0, 194, 255, 1));
	}

	14% {
		-webkit-clip-path: circle(14% at center);
		clip-path: circle(14% at center);
		filter: drop-shadow(0 0 14px rgba(0, 194, 255, 1));
	}

	15% {
		-webkit-clip-path: circle(15% at center);
		clip-path: circle(15% at center);
		filter: drop-shadow(0 0 15px rgba(0, 194, 255, 1));
	}

	16% {
		-webkit-clip-path: circle(16% at center);
		clip-path: circle(16% at center);
		filter: drop-shadow(0 0 16px rgba(0, 194, 255, 1));
	}

	17% {
		-webkit-clip-path: circle(17% at center);
		clip-path: circle(17% at center);
		filter: drop-shadow(0 0 17px rgba(0, 194, 255, 1));
	}

	18% {
		-webkit-clip-path: circle(18% at center);
		clip-path: circle(18% at center);
		filter: drop-shadow(0 0 18px rgba(0, 194, 255, 1));
	}

	19% {
		-webkit-clip-path: circle(19% at center);
		clip-path: circle(19% at center);
		filter: drop-shadow(0 0 19px rgba(0, 194, 255, 1));
	}

	20% {
		-webkit-clip-path: circle(20% at center);
		clip-path: circle(20% at center);
		filter: drop-shadow(0 0 20px rgba(0, 194, 255, 1));
	}

	21% {
		-webkit-clip-path: circle(21% at center);
		clip-path: circle(21% at center);
		filter: drop-shadow(0 0 21px rgba(0, 194, 255, 1));
	}

	22% {
		-webkit-clip-path: circle(22% at center);
		clip-path: circle(22% at center);
		filter: drop-shadow(0 0 22px rgba(0, 194, 255, 1));
	}

	23% {
		-webkit-clip-path: circle(23% at center);
		clip-path: circle(23% at center);
		filter: drop-shadow(0 0 23px rgba(0, 194, 255, 1));
	}

	24% {
		-webkit-clip-path: circle(24% at center);
		clip-path: circle(24% at center);
		filter: drop-shadow(0 0 24px rgba(0, 194, 255, 1));
	}

	25% {
		-webkit-clip-path: circle(25% at center);
		clip-path: circle(25% at center);
		filter: drop-shadow(0 0 25px rgba(0, 194, 255, 1));
	}

	26% {
		-webkit-clip-path: circle(26% at center);
		clip-path: circle(26% at center);
		filter: drop-shadow(0 0 26px rgba(0, 194, 255, 1));
	}

	27% {
		-webkit-clip-path: circle(27% at center);
		clip-path: circle(27% at center);
		filter: drop-shadow(0 0 27px rgba(0, 194, 255, 1));
	}

	28% {
		-webkit-clip-path: circle(28% at center);
		clip-path: circle(28% at center);
		filter: drop-shadow(0 0 28px rgba(0, 194, 255, 1));
	}

	29% {
		-webkit-clip-path: circle(29% at center);
		clip-path: circle(29% at center);
		filter: drop-shadow(0 0 29px rgba(0, 194, 255, 1));
	}

	30% {
		-webkit-clip-path: circle(30% at center);
		clip-path: circle(30% at center);
		filter: drop-shadow(0 0 30px rgba(0, 194, 255, 1));
	}

	31% {
		-webkit-clip-path: circle(31% at center);
		clip-path: circle(31% at center);
		filter: drop-shadow(0 0 31px rgba(0, 194, 255, 1));
	}

	32% {
		-webkit-clip-path: circle(32% at center);
		clip-path: circle(32% at center);
		filter: drop-shadow(0 0 32px rgba(0, 194, 255, 1));
	}

	33% {
		-webkit-clip-path: circle(33% at center);
		clip-path: circle(33% at center);
		filter: drop-shadow(0 0 33px rgba(0, 194, 255, 1));
	}

	34% {
		-webkit-clip-path: circle(34% at center);
		clip-path: circle(34% at center);
		filter: drop-shadow(0 0 34px rgba(0, 194, 255, 1));
	}

	35% {
		-webkit-clip-path: circle(35% at center);
		clip-path: circle(35% at center);
		filter: drop-shadow(0 0 35px rgba(0, 194, 255, 1));
	}

	36% {
		-webkit-clip-path: circle(36% at center);
		clip-path: circle(36% at center);
		filter: drop-shadow(0 0 36px rgba(0, 194, 255, 1));
	}

	37% {
		-webkit-clip-path: circle(37% at center);
		clip-path: circle(37% at center);
		filter: drop-shadow(0 0 37px rgba(0, 194, 255, 1));
	}

	38% {
		-webkit-clip-path: circle(38% at center);
		clip-path: circle(38% at center);
		filter: drop-shadow(0 0 38px rgba(0, 194, 255, 1));
	}

	39% {
		-webkit-clip-path: circle(39% at center);
		clip-path: circle(39% at center);
		filter: drop-shadow(0 0 39px rgba(0, 194, 255, 1));
	}

	40% {
		-webkit-clip-path: circle(40% at center);
		clip-path: circle(40% at center);
		filter: drop-shadow(0 0 40px rgba(0, 194, 255, 1));
	}

	41% {
		-webkit-clip-path: circle(41% at center);
		clip-path: circle(41% at center);
		filter: drop-shadow(0 0 41px rgba(0, 194, 255, 1));
	}

	42% {
		-webkit-clip-path: circle(42% at center);
		clip-path: circle(42% at center);
		filter: drop-shadow(0 0 42px rgba(0, 194, 255, 1));
	}

	43% {
		-webkit-clip-path: circle(43% at center);
		clip-path: circle(43% at center);
		filter: drop-shadow(0 0 43px rgba(0, 194, 255, 1));
	}

	44% {
		-webkit-clip-path: circle(44% at center);
		clip-path: circle(44% at center);
		filter: drop-shadow(0 0 44px rgba(0, 194, 255, 1));
	}

	45% {
		-webkit-clip-path: circle(45% at center);
		clip-path: circle(45% at center);
		filter: drop-shadow(0 0 45px rgba(0, 194, 255, 1));
	}

	46% {
		-webkit-clip-path: circle(46% at center);
		clip-path: circle(46% at center);
		filter: drop-shadow(0 0 46px rgba(0, 194, 255, 1));
	}

	47% {
		-webkit-clip-path: circle(47% at center);
		clip-path: circle(47% at center);
		filter: drop-shadow(0 0 47px rgba(0, 194, 255, 1));
	}

	48% {
		-webkit-clip-path: circle(48% at center);
		clip-path: circle(48% at center);
		filter: drop-shadow(0 0 48px rgba(0, 194, 255, 1));
	}

	49% {
		-webkit-clip-path: circle(49% at center);
		clip-path: circle(49% at center);
		filter: drop-shadow(0 0 49px rgba(0, 194, 255, 1));
	}

	50% {
		-webkit-clip-path: circle(50% at center);
		clip-path: circle(50% at center);
		filter: drop-shadow(0 0 50px rgba(0, 194, 255, 1));
	}

	51% {
		-webkit-clip-path: circle(51% at center);
		clip-path: circle(51% at center);
		filter: drop-shadow(0 0 51px rgba(0, 194, 255, 1));
	}

	52% {
		-webkit-clip-path: circle(52% at center);
		clip-path: circle(52% at center);
		filter: drop-shadow(0 0 52px rgba(0, 194, 255, 1));
	}

	53% {
		-webkit-clip-path: circle(53% at center);
		clip-path: circle(53% at center);
		filter: drop-shadow(0 0 53px rgba(0, 194, 255, 1));
	}

	54% {
		-webkit-clip-path: circle(54% at center);
		clip-path: circle(54% at center);
		filter: drop-shadow(0 0 54px rgba(0, 194, 255, 1));
	}

	55% {
		-webkit-clip-path: circle(55% at center);
		clip-path: circle(55% at center);
		filter: drop-shadow(0 0 55px rgba(0, 194, 255, 1));
	}

	56% {
		-webkit-clip-path: circle(56% at center);
		clip-path: circle(56% at center);
		filter: drop-shadow(0 0 56px rgba(0, 194, 255, 1));
	}

	57% {
		-webkit-clip-path: circle(57% at center);
		clip-path: circle(57% at center);
		filter: drop-shadow(0 0 57px rgba(0, 194, 255, 1));
	}

	58% {
		-webkit-clip-path: circle(58% at center);
		clip-path: circle(58% at center);
		filter: drop-shadow(0 0 58px rgba(0, 194, 255, 1));
	}

	59% {
		-webkit-clip-path: circle(59% at center);
		clip-path: circle(59% at center);
		filter: drop-shadow(0 0 59px rgba(0, 194, 255, 1));
	}

	60% {
		-webkit-clip-path: circle(60% at center);
		clip-path: circle(60% at center);
		filter: drop-shadow(0 0 60px rgba(0, 194, 255, 1));
	}

	61% {
		-webkit-clip-path: circle(61% at center);
		clip-path: circle(61% at center);
		filter: drop-shadow(0 0 61px rgba(0, 194, 255, 1));
	}

	62% {
		-webkit-clip-path: circle(62% at center);
		clip-path: circle(62% at center);
		filter: drop-shadow(0 0 62px rgba(0, 194, 255, 1));
	}

	63% {
		-webkit-clip-path: circle(63% at center);
		clip-path: circle(63% at center);
		filter: drop-shadow(0 0 63px rgba(0, 194, 255, 1));
	}

	64% {
		-webkit-clip-path: circle(64% at center);
		clip-path: circle(64% at center);
		filter: drop-shadow(0 0 64px rgba(0, 194, 255, 1));
	}

	65% {
		-webkit-clip-path: circle(65% at center);
		clip-path: circle(65% at center);
		filter: drop-shadow(0 0 65px rgba(0, 194, 255, 1));
	}

	66% {
		-webkit-clip-path: circle(66% at center);
		clip-path: circle(66% at center);
		filter: drop-shadow(0 0 66px rgba(0, 194, 255, 1));
	}

	67% {
		-webkit-clip-path: circle(67% at center);
		clip-path: circle(67% at center);
		filter: drop-shadow(0 0 67px rgba(0, 194, 255, 1));
	}

	68% {
		-webkit-clip-path: circle(68% at center);
		clip-path: circle(68% at center);
		filter: drop-shadow(0 0 68px rgba(0, 194, 255, 1));
	}

	69% {
		-webkit-clip-path: circle(69% at center);
		clip-path: circle(69% at center);
		filter: drop-shadow(0 0 69px rgba(0, 194, 255, 1));
	}

	70% {
		-webkit-clip-path: circle(70% at center);
		clip-path: circle(70% at center);
		filter: drop-shadow(0 0 70px rgba(0, 194, 255, 1));
	}

	71% {
		-webkit-clip-path: circle(71% at center);
		clip-path: circle(71% at center);
		filter: drop-shadow(0 0 71px rgba(0, 194, 255, 1));
	}

	72% {
		-webkit-clip-path: circle(72% at center);
		clip-path: circle(72% at center);
		filter: drop-shadow(0 0 72px rgba(0, 194, 255, 1));
	}

	73% {
		-webkit-clip-path: circle(73% at center);
		clip-path: circle(73% at center);
		filter: drop-shadow(0 0 73px rgba(0, 194, 255, 1));
	}

	74% {
		-webkit-clip-path: circle(74% at center);
		clip-path: circle(74% at center);
		filter: drop-shadow(0 0 74px rgba(0, 194, 255, 1));
	}

	75% {
		-webkit-clip-path: circle(75% at center);
		clip-path: circle(75% at center);
		filter: drop-shadow(0 0 75px rgba(0, 194, 255, 1));
	}

	76% {
		-webkit-clip-path: circle(76% at center);
		clip-path: circle(76% at center);
		filter: drop-shadow(0 0 76px rgba(0, 194, 255, 1));
	}

	77% {
		-webkit-clip-path: circle(77% at center);
		clip-path: circle(77% at center);
		filter: drop-shadow(0 0 77px rgba(0, 194, 255, 1));
	}

	78% {
		-webkit-clip-path: circle(78% at center);
		clip-path: circle(78% at center);
		filter: drop-shadow(0 0 78px rgba(0, 194, 255, 1));
	}

	79% {
		-webkit-clip-path: circle(79% at center);
		clip-path: circle(79% at center);
		filter: drop-shadow(0 0 79px rgba(0, 194, 255, 1));
	}

	80% {
		-webkit-clip-path: circle(80% at center);
		clip-path: circle(80% at center);
		filter: drop-shadow(0 0 80px rgba(0, 194, 255, 1));
	}

	81% {
		-webkit-clip-path: circle(81% at center);
		clip-path: circle(81% at center);
		filter: drop-shadow(0 0 81px rgba(0, 194, 255, 1));
	}

	82% {
		-webkit-clip-path: circle(82% at center);
		clip-path: circle(82% at center);
		filter: drop-shadow(0 0 82px rgba(0, 194, 255, 1));
	}

	83% {
		-webkit-clip-path: circle(83% at center);
		clip-path: circle(83% at center);
		filter: drop-shadow(0 0 83px rgba(0, 194, 255, 1));
	}

	84% {
		-webkit-clip-path: circle(84% at center);
		clip-path: circle(84% at center);
		filter: drop-shadow(0 0 84px rgba(0, 194, 255, 1));
	}

	85% {
		-webkit-clip-path: circle(85% at center);
		clip-path: circle(85% at center);
		filter: drop-shadow(0 0 85px rgba(0, 194, 255, 1));
	}

	86% {
		-webkit-clip-path: circle(86% at center);
		clip-path: circle(86% at center);
		filter: drop-shadow(0 0 86px rgba(0, 194, 255, 1));
	}

	87% {
		-webkit-clip-path: circle(87% at center);
		clip-path: circle(87% at center);
		filter: drop-shadow(0 0 87px rgba(0, 194, 255, 1));
	}

	88% {
		-webkit-clip-path: circle(88% at center);
		clip-path: circle(88% at center);
		filter: drop-shadow(0 0 88px rgba(0, 194, 255, 1));
	}

	89% {
		-webkit-clip-path: circle(89% at center);
		clip-path: circle(89% at center);
		filter: drop-shadow(0 0 89px rgba(0, 194, 255, 1));
	}

	90% {
		-webkit-clip-path: circle(90% at center);
		clip-path: circle(90% at center);
		filter: drop-shadow(0 0 90px rgba(0, 194, 255, 1));
	}

	91% {
		-webkit-clip-path: circle(91% at center);
		clip-path: circle(91% at center);
		filter: drop-shadow(0 0 91px rgba(0, 194, 255, 1));
	}

	92% {
		-webkit-clip-path: circle(92% at center);
		clip-path: circle(92% at center);
		filter: drop-shadow(0 0 92px rgba(0, 194, 255, 1));
	}

	93% {
		-webkit-clip-path: circle(93% at center);
		clip-path: circle(93% at center);
		filter: drop-shadow(0 0 93px rgba(0, 194, 255, 1));
	}

	94% {
		-webkit-clip-path: circle(94% at center);
		clip-path: circle(94% at center);
		filter: drop-shadow(0 0 94px rgba(0, 194, 255, 1));
	}

	95% {
		-webkit-clip-path: circle(95% at center);
		clip-path: circle(95% at center);
		filter: drop-shadow(0 0 95px rgba(0, 194, 255, 1));
	}

	96% {
		-webkit-clip-path: circle(96% at center);
		clip-path: circle(96% at center);
		filter: drop-shadow(0 0 96px rgba(0, 194, 255, 1));
	}

	97% {
		-webkit-clip-path: circle(97% at center);
		clip-path: circle(97% at center);
		filter: drop-shadow(0 0 97px rgba(0, 194, 255, 1));
	}

	98% {
		-webkit-clip-path: circle(98% at center);
		clip-path: circle(98% at center);
		filter: drop-shadow(0 0 98px rgba(0, 194, 255, 1));
	}

	99% {
		-webkit-clip-path: circle(99% at center);
		clip-path: circle(99% at center);
		filter: drop-shadow(0 0 99px rgba(0, 194, 255, 1));
	}

	100% {
		-webkit-clip-path: circle(100% at center);
		clip-path: circle(100% at center);
		filter: drop-shadow(0 0 100px rgba(0, 194, 255, 1));
	}
}


@-webkit-keyframes smooth-pixel-flow {
	0% {
		-webkit-clip-path: circle(0% at center);
		clip-path: circle(0% at center);
		filter: drop-shadow(0 0 0px rgba(0, 194, 255, 0));
	}

	1% {
		-webkit-clip-path: circle(1% at center);
		clip-path: circle(1% at center);
		filter: drop-shadow(0 0 1px rgba(0, 194, 255, 0.05));
	}

	2% {
		-webkit-clip-path: circle(2% at center);
		clip-path: circle(2% at center);
		filter: drop-shadow(0 0 2px rgba(0, 194, 255, 0.1));
	}

	3% {
		-webkit-clip-path: circle(3% at center);
		clip-path: circle(3% at center);
		filter: drop-shadow(0 0 3px rgba(0, 194, 255, 0.15));
	}

	4% {
		-webkit-clip-path: circle(4% at center);
		clip-path: circle(4% at center);
		filter: drop-shadow(0 0 4px rgba(0, 194, 255, 0.2));
	}

	5% {
		-webkit-clip-path: circle(5% at center);
		clip-path: circle(5% at center);
		filter: drop-shadow(0 0 5px rgba(0, 194, 255, 0.25));
	}

	6% {
		-webkit-clip-path: circle(6% at center);
		clip-path: circle(6% at center);
		filter: drop-shadow(0 0 6px rgba(0, 194, 255, 0.3));
	}

	7% {
		-webkit-clip-path: circle(7% at center);
		clip-path: circle(7% at center);
		filter: drop-shadow(0 0 7px rgba(0, 194, 255, 0.35));
	}

	8% {
		-webkit-clip-path: circle(8% at center);
		clip-path: circle(8% at center);
		filter: drop-shadow(0 0 8px rgba(0, 194, 255, 0.4));
	}

	9% {
		-webkit-clip-path: circle(9% at center);
		clip-path: circle(9% at center);
		filter: drop-shadow(0 0 9px rgba(0, 194, 255, 0.45));
	}

	10% {
		-webkit-clip-path: circle(10% at center);
		clip-path: circle(10% at center);
		filter: drop-shadow(0 0 10px rgba(0, 194, 255, 0.5));
	}

	11% {
		-webkit-clip-path: circle(11% at center);
		clip-path: circle(11% at center);
		filter: drop-shadow(0 0 11px rgba(0, 194, 255, 1));
	}

	12% {
		-webkit-clip-path: circle(12% at center);
		clip-path: circle(12% at center);
		filter: drop-shadow(0 0 12px rgba(0, 194, 255, 1));
	}

	13% {
		-webkit-clip-path: circle(13% at center);
		clip-path: circle(13% at center);
		filter: drop-shadow(0 0 13px rgba(0, 194, 255, 1));
	}

	14% {
		-webkit-clip-path: circle(14% at center);
		clip-path: circle(14% at center);
		filter: drop-shadow(0 0 14px rgba(0, 194, 255, 1));
	}

	15% {
		-webkit-clip-path: circle(15% at center);
		clip-path: circle(15% at center);
		filter: drop-shadow(0 0 15px rgba(0, 194, 255, 1));
	}

	16% {
		-webkit-clip-path: circle(16% at center);
		clip-path: circle(16% at center);
		filter: drop-shadow(0 0 16px rgba(0, 194, 255, 1));
	}

	17% {
		-webkit-clip-path: circle(17% at center);
		clip-path: circle(17% at center);
		filter: drop-shadow(0 0 17px rgba(0, 194, 255, 1));
	}

	18% {
		-webkit-clip-path: circle(18% at center);
		clip-path: circle(18% at center);
		filter: drop-shadow(0 0 18px rgba(0, 194, 255, 1));
	}

	19% {
		-webkit-clip-path: circle(19% at center);
		clip-path: circle(19% at center);
		filter: drop-shadow(0 0 19px rgba(0, 194, 255, 1));
	}

	20% {
		-webkit-clip-path: circle(20% at center);
		clip-path: circle(20% at center);
		filter: drop-shadow(0 0 20px rgba(0, 194, 255, 1));
	}

	21% {
		-webkit-clip-path: circle(21% at center);
		clip-path: circle(21% at center);
		filter: drop-shadow(0 0 21px rgba(0, 194, 255, 1));
	}

	22% {
		-webkit-clip-path: circle(22% at center);
		clip-path: circle(22% at center);
		filter: drop-shadow(0 0 22px rgba(0, 194, 255, 1));
	}

	23% {
		-webkit-clip-path: circle(23% at center);
		clip-path: circle(23% at center);
		filter: drop-shadow(0 0 23px rgba(0, 194, 255, 1));
	}

	24% {
		-webkit-clip-path: circle(24% at center);
		clip-path: circle(24% at center);
		filter: drop-shadow(0 0 24px rgba(0, 194, 255, 1));
	}

	25% {
		-webkit-clip-path: circle(25% at center);
		clip-path: circle(25% at center);
		filter: drop-shadow(0 0 25px rgba(0, 194, 255, 1));
	}

	26% {
		-webkit-clip-path: circle(26% at center);
		clip-path: circle(26% at center);
		filter: drop-shadow(0 0 26px rgba(0, 194, 255, 1));
	}

	27% {
		-webkit-clip-path: circle(27% at center);
		clip-path: circle(27% at center);
		filter: drop-shadow(0 0 27px rgba(0, 194, 255, 1));
	}

	28% {
		-webkit-clip-path: circle(28% at center);
		clip-path: circle(28% at center);
		filter: drop-shadow(0 0 28px rgba(0, 194, 255, 1));
	}

	29% {
		-webkit-clip-path: circle(29% at center);
		clip-path: circle(29% at center);
		filter: drop-shadow(0 0 29px rgba(0, 194, 255, 1));
	}

	30% {
		-webkit-clip-path: circle(30% at center);
		clip-path: circle(30% at center);
		filter: drop-shadow(0 0 30px rgba(0, 194, 255, 1));
	}

	31% {
		-webkit-clip-path: circle(31% at center);
		clip-path: circle(31% at center);
		filter: drop-shadow(0 0 31px rgba(0, 194, 255, 1));
	}

	32% {
		-webkit-clip-path: circle(32% at center);
		clip-path: circle(32% at center);
		filter: drop-shadow(0 0 32px rgba(0, 194, 255, 1));
	}

	33% {
		-webkit-clip-path: circle(33% at center);
		clip-path: circle(33% at center);
		filter: drop-shadow(0 0 33px rgba(0, 194, 255, 1));
	}

	34% {
		-webkit-clip-path: circle(34% at center);
		clip-path: circle(34% at center);
		filter: drop-shadow(0 0 34px rgba(0, 194, 255, 1));
	}

	35% {
		-webkit-clip-path: circle(35% at center);
		clip-path: circle(35% at center);
		filter: drop-shadow(0 0 35px rgba(0, 194, 255, 1));
	}

	36% {
		-webkit-clip-path: circle(36% at center);
		clip-path: circle(36% at center);
		filter: drop-shadow(0 0 36px rgba(0, 194, 255, 1));
	}

	37% {
		-webkit-clip-path: circle(37% at center);
		clip-path: circle(37% at center);
		filter: drop-shadow(0 0 37px rgba(0, 194, 255, 1));
	}

	38% {
		-webkit-clip-path: circle(38% at center);
		clip-path: circle(38% at center);
		filter: drop-shadow(0 0 38px rgba(0, 194, 255, 1));
	}

	39% {
		-webkit-clip-path: circle(39% at center);
		clip-path: circle(39% at center);
		filter: drop-shadow(0 0 39px rgba(0, 194, 255, 1));
	}

	40% {
		-webkit-clip-path: circle(40% at center);
		clip-path: circle(40% at center);
		filter: drop-shadow(0 0 40px rgba(0, 194, 255, 1));
	}

	41% {
		-webkit-clip-path: circle(41% at center);
		clip-path: circle(41% at center);
		filter: drop-shadow(0 0 41px rgba(0, 194, 255, 1));
	}

	42% {
		-webkit-clip-path: circle(42% at center);
		clip-path: circle(42% at center);
		filter: drop-shadow(0 0 42px rgba(0, 194, 255, 1));
	}

	43% {
		-webkit-clip-path: circle(43% at center);
		clip-path: circle(43% at center);
		filter: drop-shadow(0 0 43px rgba(0, 194, 255, 1));
	}

	44% {
		-webkit-clip-path: circle(44% at center);
		clip-path: circle(44% at center);
		filter: drop-shadow(0 0 44px rgba(0, 194, 255, 1));
	}

	45% {
		-webkit-clip-path: circle(45% at center);
		clip-path: circle(45% at center);
		filter: drop-shadow(0 0 45px rgba(0, 194, 255, 1));
	}

	46% {
		-webkit-clip-path: circle(46% at center);
		clip-path: circle(46% at center);
		filter: drop-shadow(0 0 46px rgba(0, 194, 255, 1));
	}

	47% {
		-webkit-clip-path: circle(47% at center);
		clip-path: circle(47% at center);
		filter: drop-shadow(0 0 47px rgba(0, 194, 255, 1));
	}

	48% {
		-webkit-clip-path: circle(48% at center);
		clip-path: circle(48% at center);
		filter: drop-shadow(0 0 48px rgba(0, 194, 255, 1));
	}

	49% {
		-webkit-clip-path: circle(49% at center);
		clip-path: circle(49% at center);
		filter: drop-shadow(0 0 49px rgba(0, 194, 255, 1));
	}

	50% {
		-webkit-clip-path: circle(50% at center);
		clip-path: circle(50% at center);
		filter: drop-shadow(0 0 50px rgba(0, 194, 255, 1));
	}

	51% {
		-webkit-clip-path: circle(51% at center);
		clip-path: circle(51% at center);
		filter: drop-shadow(0 0 51px rgba(0, 194, 255, 1));
	}

	52% {
		-webkit-clip-path: circle(52% at center);
		clip-path: circle(52% at center);
		filter: drop-shadow(0 0 52px rgba(0, 194, 255, 1));
	}

	53% {
		-webkit-clip-path: circle(53% at center);
		clip-path: circle(53% at center);
		filter: drop-shadow(0 0 53px rgba(0, 194, 255, 1));
	}

	54% {
		-webkit-clip-path: circle(54% at center);
		clip-path: circle(54% at center);
		filter: drop-shadow(0 0 54px rgba(0, 194, 255, 1));
	}

	55% {
		-webkit-clip-path: circle(55% at center);
		clip-path: circle(55% at center);
		filter: drop-shadow(0 0 55px rgba(0, 194, 255, 1));
	}

	56% {
		-webkit-clip-path: circle(56% at center);
		clip-path: circle(56% at center);
		filter: drop-shadow(0 0 56px rgba(0, 194, 255, 1));
	}

	57% {
		-webkit-clip-path: circle(57% at center);
		clip-path: circle(57% at center);
		filter: drop-shadow(0 0 57px rgba(0, 194, 255, 1));
	}

	58% {
		-webkit-clip-path: circle(58% at center);
		clip-path: circle(58% at center);
		filter: drop-shadow(0 0 58px rgba(0, 194, 255, 1));
	}

	59% {
		-webkit-clip-path: circle(59% at center);
		clip-path: circle(59% at center);
		filter: drop-shadow(0 0 59px rgba(0, 194, 255, 1));
	}

	60% {
		-webkit-clip-path: circle(60% at center);
		clip-path: circle(60% at center);
		filter: drop-shadow(0 0 60px rgba(0, 194, 255, 1));
	}

	61% {
		-webkit-clip-path: circle(61% at center);
		clip-path: circle(61% at center);
		filter: drop-shadow(0 0 61px rgba(0, 194, 255, 1));
	}

	62% {
		-webkit-clip-path: circle(62% at center);
		clip-path: circle(62% at center);
		filter: drop-shadow(0 0 62px rgba(0, 194, 255, 1));
	}

	63% {
		-webkit-clip-path: circle(63% at center);
		clip-path: circle(63% at center);
		filter: drop-shadow(0 0 63px rgba(0, 194, 255, 1));
	}

	64% {
		-webkit-clip-path: circle(64% at center);
		clip-path: circle(64% at center);
		filter: drop-shadow(0 0 64px rgba(0, 194, 255, 1));
	}

	65% {
		-webkit-clip-path: circle(65% at center);
		clip-path: circle(65% at center);
		filter: drop-shadow(0 0 65px rgba(0, 194, 255, 1));
	}

	66% {
		-webkit-clip-path: circle(66% at center);
		clip-path: circle(66% at center);
		filter: drop-shadow(0 0 66px rgba(0, 194, 255, 1));
	}

	67% {
		-webkit-clip-path: circle(67% at center);
		clip-path: circle(67% at center);
		filter: drop-shadow(0 0 67px rgba(0, 194, 255, 1));
	}

	68% {
		-webkit-clip-path: circle(68% at center);
		clip-path: circle(68% at center);
		filter: drop-shadow(0 0 68px rgba(0, 194, 255, 1));
	}

	69% {
		-webkit-clip-path: circle(69% at center);
		clip-path: circle(69% at center);
		filter: drop-shadow(0 0 69px rgba(0, 194, 255, 1));
	}

	70% {
		-webkit-clip-path: circle(70% at center);
		clip-path: circle(70% at center);
		filter: drop-shadow(0 0 70px rgba(0, 194, 255, 1));
	}

	71% {
		-webkit-clip-path: circle(71% at center);
		clip-path: circle(71% at center);
		filter: drop-shadow(0 0 71px rgba(0, 194, 255, 1));
	}

	72% {
		-webkit-clip-path: circle(72% at center);
		clip-path: circle(72% at center);
		filter: drop-shadow(0 0 72px rgba(0, 194, 255, 1));
	}

	73% {
		-webkit-clip-path: circle(73% at center);
		clip-path: circle(73% at center);
		filter: drop-shadow(0 0 73px rgba(0, 194, 255, 1));
	}

	74% {
		-webkit-clip-path: circle(74% at center);
		clip-path: circle(74% at center);
		filter: drop-shadow(0 0 74px rgba(0, 194, 255, 1));
	}

	75% {
		-webkit-clip-path: circle(75% at center);
		clip-path: circle(75% at center);
		filter: drop-shadow(0 0 75px rgba(0, 194, 255, 1));
	}

	76% {
		-webkit-clip-path: circle(76% at center);
		clip-path: circle(76% at center);
		filter: drop-shadow(0 0 76px rgba(0, 194, 255, 1));
	}

	77% {
		-webkit-clip-path: circle(77% at center);
		clip-path: circle(77% at center);
		filter: drop-shadow(0 0 77px rgba(0, 194, 255, 1));
	}

	78% {
		-webkit-clip-path: circle(78% at center);
		clip-path: circle(78% at center);
		filter: drop-shadow(0 0 78px rgba(0, 194, 255, 1));
	}

	79% {
		-webkit-clip-path: circle(79% at center);
		clip-path: circle(79% at center);
		filter: drop-shadow(0 0 79px rgba(0, 194, 255, 1));
	}

	80% {
		-webkit-clip-path: circle(80% at center);
		clip-path: circle(80% at center);
		filter: drop-shadow(0 0 80px rgba(0, 194, 255, 1));
	}

	81% {
		-webkit-clip-path: circle(81% at center);
		clip-path: circle(81% at center);
		filter: drop-shadow(0 0 81px rgba(0, 194, 255, 1));
	}

	82% {
		-webkit-clip-path: circle(82% at center);
		clip-path: circle(82% at center);
		filter: drop-shadow(0 0 82px rgba(0, 194, 255, 1));
	}

	83% {
		-webkit-clip-path: circle(83% at center);
		clip-path: circle(83% at center);
		filter: drop-shadow(0 0 83px rgba(0, 194, 255, 1));
	}

	84% {
		-webkit-clip-path: circle(84% at center);
		clip-path: circle(84% at center);
		filter: drop-shadow(0 0 84px rgba(0, 194, 255, 1));
	}

	85% {
		-webkit-clip-path: circle(85% at center);
		clip-path: circle(85% at center);
		filter: drop-shadow(0 0 85px rgba(0, 194, 255, 1));
	}

	86% {
		-webkit-clip-path: circle(86% at center);
		clip-path: circle(86% at center);
		filter: drop-shadow(0 0 86px rgba(0, 194, 255, 1));
	}

	87% {
		-webkit-clip-path: circle(87% at center);
		clip-path: circle(87% at center);
		filter: drop-shadow(0 0 87px rgba(0, 194, 255, 1));
	}

	88% {
		-webkit-clip-path: circle(88% at center);
		clip-path: circle(88% at center);
		filter: drop-shadow(0 0 88px rgba(0, 194, 255, 1));
	}

	89% {
		-webkit-clip-path: circle(89% at center);
		clip-path: circle(89% at center);
		filter: drop-shadow(0 0 89px rgba(0, 194, 255, 1));
	}

	90% {
		-webkit-clip-path: circle(90% at center);
		clip-path: circle(90% at center);
		filter: drop-shadow(0 0 90px rgba(0, 194, 255, 1));
	}

	91% {
		-webkit-clip-path: circle(91% at center);
		clip-path: circle(91% at center);
		filter: drop-shadow(0 0 91px rgba(0, 194, 255, 1));
	}

	92% {
		-webkit-clip-path: circle(92% at center);
		clip-path: circle(92% at center);
		filter: drop-shadow(0 0 92px rgba(0, 194, 255, 1));
	}

	93% {
		-webkit-clip-path: circle(93% at center);
		clip-path: circle(93% at center);
		filter: drop-shadow(0 0 93px rgba(0, 194, 255, 1));
	}

	94% {
		-webkit-clip-path: circle(94% at center);
		clip-path: circle(94% at center);
		filter: drop-shadow(0 0 94px rgba(0, 194, 255, 1));
	}

	95% {
		-webkit-clip-path: circle(95% at center);
		clip-path: circle(95% at center);
		filter: drop-shadow(0 0 95px rgba(0, 194, 255, 1));
	}

	96% {
		-webkit-clip-path: circle(96% at center);
		clip-path: circle(96% at center);
		filter: drop-shadow(0 0 96px rgba(0, 194, 255, 1));
	}

	97% {
		-webkit-clip-path: circle(97% at center);
		clip-path: circle(97% at center);
		filter: drop-shadow(0 0 97px rgba(0, 194, 255, 1));
	}

	98% {
		-webkit-clip-path: circle(98% at center);
		clip-path: circle(98% at center);
		filter: drop-shadow(0 0 98px rgba(0, 194, 255, 1));
	}

	99% {
		-webkit-clip-path: circle(99% at center);
		clip-path: circle(99% at center);
		filter: drop-shadow(0 0 99px rgba(0, 194, 255, 1));
	}

	100% {
		-webkit-clip-path: circle(100% at center);
		clip-path: circle(100% at center);
		filter: drop-shadow(0 0 100px rgba(0, 194, 255, 1));
	}
}

@keyframes color-pulse {
	0% {
		stroke: #00C2FF;
		-webkit-filter: drop-shadow(0 0 2px #00C2FF) drop-shadow(0 0 4px #00C2FF) drop-shadow(0 0 6px #00C2FF);
		filter: drop-shadow(0 0 2px #00C2FF) drop-shadow(0 0 4px #00C2FF) drop-shadow(0 0 6px #00C2FF);
		stroke-width: 2.5px;
	}

	100% {
		stroke: initial;
		-webkit-filter: none;
		filter: none;
		stroke-width: 1px;
	}
}

@-webkit-keyframes color-pulse {
	0% {
		stroke: #00C2FF;
		-webkit-filter: drop-shadow(0 0 2px #00C2FF) drop-shadow(0 0 4px #00C2FF) drop-shadow(0 0 6px #00C2FF);
		stroke-width: 2.5px;
	}

	100% {
		stroke: initial;
		-webkit-filter: none;
		stroke-width: 1px;
	}
}

/* Optional: Add a fallback for older browsers */
@supports not (clip-path: circle(50% at center)) {
	.svg-background {
		opacity: 1;
		animation: basic-fade 4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	}

	@keyframes basic-fade {
		from {
			opacity: 0;
		}

		to {
			opacity: 1;
		}
	}
}

.svg-background img {
	width: 100%;
	height: auto;
	display: block;
}

/* Top Glow */
.top-glow {
	position: absolute;
	top: -68px;
	left: -73px;
	z-index: 1;
}

.top-glow img {
	max-width: 280px;
	height: auto;
	display: block;
}

/* Bottom Glow */
.bottom-glow {
	position: absolute;
	bottom: -56px;
	right: -90px;
	z-index: 1;
}

.bottom-glow img {
	max-width: 280px;
	height: auto;
	display: block;
}


/* Content Container */
.content-container {
	width: 100%;
	max-width: 696px;
	height: auto;
	margin: 20px auto 0;
	position: relative;
	z-index: 1;
}

.title img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	padding: 0 12.5px;
}

.subtitle {
	font-size: 21.2px;
	font-weight: 700;
	line-height: 25.84px;
	text-align: center;
	color: #FFFFFF;
	margin: 24px 0;
}

/* Prizes Section */
.prize-section {
	border-radius: 32px;
	background-color: #50000066;
	max-height: 74px;
	padding: 0 96px;
	display: flex;
	text-align: left;
	flex-direction: row;
	align-items: baseline;
	position: relative;
	isolation: isolate;
	justify-content: center;
}

.prize-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: inherit;
	border: 3px solid transparent;
	background: linear-gradient(243.67deg, #FF3D00 16.92%, #FF3D00 24.92%, #FDA730 83.82%);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
}

.prize-section .prize-number {
	font-family: 'Montserrat', sans-serif;
	font-size: 44px;
	font-weight: 700;
	padding-right: 16px;
	/* line-height: 63px; */
	letter-spacing: -0.03em;
	text-align: left;
	background: linear-gradient(270deg, #FF3D00 0%, #FFB800 68.5%, #FFDB7E 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.prize-section .prize-text {
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: 700;
	/* line-height: 39.01px; */
	letter-spacing: -0.03em;
	text-align: left;
	text-transform: uppercase;
	background: linear-gradient(270deg, #FF3D00 0%, #FFB800 68.5%, #FFDB7E 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.prize-currency {
	font-size: 24px;
	background: linear-gradient(270deg, #FF3D00 0%, #FFB800 68.5%, #FFDB7E 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Description */
.description {
	margin: 24px auto 40px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	line-height: 24.38px;
	color: #FFFFFF;
}

.description .highlight {
	font-weight: 700;
}

.description .rest {
	font-weight: 400;
}

/* Event Info */
.event-info {
	color: #ffffff;
	text-align: center;
	margin: 24px 0;
}

.event-info p:first-of-type {
	font-family: 'Montserrat', sans-serif;
	font-size: 54px;
	font-weight: 700;
	line-height: 65.83px;
	letter-spacing: -0.03em;
	margin-bottom: 32px;
}

.event-info p:last-of-type {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 34.13px;
	margin: 0;
}

.event-info img {
	width: 34px;
	height: 34px;
	vertical-align: middle;
	margin-right: 8px;
}

/* Dividing Line */
.dividing-line {
	width: 100%;
	border-top: 1px solid #ffffff;
	margin: 40px 0;
}

/* About Section */
.about-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 34.13px;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	margin-bottom: 16px;
}

.about-description {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 21.94px;
	text-align: center;
	margin-bottom: 16px;
	color: #ffffff;
}

/* Button */
.know-more-button-container {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.know-more-button {
	display: flex;
	justify-content: center;
	margin-right: 10px;
	align-items: center;
	width: 166px;
	height: 48px;
	border-radius: var(--Radiussm);
	background: linear-gradient(180deg, #FFCC00 0%, #F98706 100%);
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	color: #441F00;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: all 0.2s ease-in-out;
}

.know-more-button:hover {
	transform: scale(1.05);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Disclaimer */
.disclaimer {
	margin: 80px 0;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 400;
	line-height: 14.63px;
	text-align: center;
	color: #FFFFFF;
}

/* Footer */
footer {
	position: relative;
	background-color: #B11300;
	overflow: hidden;
	padding: 20px 0;
	z-index: 1;
	box-shadow: 0 -30px 30px 20px rgba(0, 0, 0, 0.3);
}

footer::before,
footer::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	pointer-events: none;
}

footer::before {
	left: 0;
	width: 50%;
	background: radial-gradient(31.63% 177.45% at 0.24% 44.63%, #FFE788 0%, rgba(255, 231, 136, 0) 100%);
}

footer::after {
	right: 0;
	width: 50%;
	background: radial-gradient(29.38% 330.14% at 100% 0%, #FF9900 0%, rgba(255, 153, 0, 0) 100%);
}

.registration-text {
	display: flex;
	/* Use flexbox for layout */
	justify-content: center;
	/* Center content horizontally */
	align-items: center;
	/* Align items vertically */
	gap: 5px;
	/* Add spacing between the elements */
	padding-bottom: 8px;
}

.reg-start,
.reg-date {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 21.94px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.reg-start {
	color: #FF9999;
}

.reg-date {
	color: #FFFFFF;
	margin-left: 5px;
}

.countdown-calendar {
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
	gap: 20px;
}

#countdown {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	color: white;
	padding: 4px 8px;
	border-radius: 2px;
	font-size: 20px;
}

.calendar-button {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	text-decoration: none;
	padding: 8px 16px;
	border-radius: 4px;
	background: #FFB800;
	color: #000000;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
}

.calendar-button::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>');
	background-size: cover;
}

.modal {
	display: none; /* Hidden by default */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1000;
	overflow: auto;
}

.modal-content {
	background-color: white;
	margin: 10% auto;
	padding: 20px;
	border-radius: 8px;
	max-width: 600px;
	position: relative;
}

.close-modal {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 24px;
	cursor: pointer;
}


@media (max-width: 1240px) {
	.header-container {
		visibility: hidden;
	}
}

/* Responsive Styles */
@media (max-width: 768px) {
	.header-content {
		flex-direction: column;
		max-width: 100%;
		margin: 0 auto;
		align-items: center;
		max-height: unset;
	}

	.svg-background {
		animation: none;
	}

	.registration-text {
		flex-direction: column;
		/* Stack elements vertically */
		text-align: center;
		/* Ensure text is centered */
	}

	.event-info p:first-of-type {
		font-size: 44px;
	}

	.content-container {
		padding: 0 5px;
		max-width: 425px;
	}

	footer {
		padding: 15px 0;
	}

	.registration-container {
		width: 90%;
		/* Adjust width for smaller screens */
		padding: 8px 12px;
	}

	.reg-start,
	.reg-date {
		font-size: 16px;
		/* Smaller font size */
		line-height: 20px;
	}

	#countdown {
		font-size: 18px;
		/* Reduce countdown font size */
		padding: 4px 6px;
	}

	.calendar-button {
		font-size: 12px;
		/* Reduce button font size */
		padding: 6px 12px;
		/* Adjust padding */
	}

	.event-info p:last-of-type {
		display: flex;
		flex-wrap: wrap;
		/* Allow wrapping for the text */
		align-items: center;
		/* Align the image with the text */
		justify-content: center;
	}

	.event-info p:last-of-type span.address-line-2 {
		flex-basis: 100%;
		/* Force the second line to wrap */
		text-align: center;
		/* Optional: Center-align the second line */
	}

	.countdown-calendar-container {
		flex-direction: column;
		align-items: center;
	}

	.main-content {
		padding-top: 20px;
	}

	.header-container {
		padding-left: 0;
		text-align: center;
		display: none;
	}

	.header-logo img {
		margin: 0 auto;
	}

	.prize-section {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 20px;
		max-height: unset;
	}

	.prize-section .prize-number {
		font-size: 40px;
		/* Adjust size for smaller screens */
		padding-right: 0;
		/* Remove extra spacing */
	}

	.prize-section .prize-text {
		font-size: 24px;
		/* Adjust size for smaller screens */
	}

	.registration-container {
		width: 100%;
		/* Full width on very small screens */
		padding: 5px 10px;
	}

	.registration-text {
		flex-direction: row;
		gap: 5px;
	}

	.header-container {
		display: none;
	}

	.banner {
		max-width: 150px;
	}

	footer {
		padding: 0;
	}

	footer::before,
	footer::after {
		background: unset;
	}

	.subtitle {
		margin: 12px 0;
	}

	.content-container {
		margin-top: 0px;
	}

	.calendar-button {
		font-size: 16px !important;
		height: 30px !important;
	}

	.countdown-row {
		gap: 2px;
	}

	.countdown-timer {
		gap: 10px !important;
	;
	}

	.reg-start {
		font-size: 12px !important;
	}

	.reg-date {
		font-size: 16px !important;
	}

	.registration-text {
		margin-bottom: 0 !important;
	}

	.countdown-calendar-container {
		gap: 10px !important;
	}
}

@media (max-width: 480px) {
	.registration-container {
		width: 100%;
		/* Full width on very small screens */
		padding: 5px 10px;
	}

	.registration-text {
		flex-direction: row;
		gap: 5px;
	}

	.header-container {
		display: none;
	}

	.banner {
		max-width: 150px;
	}

	footer {
		padding: 0;
	}

	footer::before,
	footer::after {
		background: unset;
	}

	.subtitle {
		margin: 12px 0;
	}

	.content-container {
		margin-top: 0px;
	}

	.calendar-button {
		font-size: 16px !important;
		height: 30px !important;
	}

	.countdown-row {
		gap: 2px;
	}

	.countdown-timer {
		gap: 10px !important;
	;
	}

	.reg-start {
		font-size: 12px !important;
	}

	.reg-date {
		font-size: 16px !important;
	}

	.registration-text {
		margin-bottom: 0 !important;
	}

	.countdown-calendar-container {
		gap: 10px !important;
	}
}

@media (max-width: 350px) {
	.prize-section .prize-number {
		font-size: 36px;
	}
}

/* Registration Text */
.registration-text {
	margin-bottom: 20px;
}

.reg-start {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #FF9999;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.reg-date {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	margin-left: 5px;
}

/* Countdown and Calendar Container */
.countdown-calendar-container {
	display: flex;
	gap: 20px;
	/* Space between countdown and button */
}

.calendar-container {
	width: 237px;
}

/* Countdown Timer */
.countdown-timer {
	display: flex;
	gap: 15px;
	/* Space between countdown items */
}

.countdown-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.countdown-row {
	display: flex;
	gap: 5px;
	/* Space between numbers in the same unit */
}

.countdown-number {
	width: 30px;
	height: 33px;
	background-color: #000000;
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 33px;
	text-align: center;
	border-radius: 4px;
}

.countdown-separator {
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 33px;
	/* Align with the number blocks */
}

.countdown-label {
	font-family: 'Montserrat', sans-serif;
	font-size: 8px;
	font-weight: 500;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin-top: 5px;
	/* Space above the label */
	text-align: center;
}

/* Calendar Button */
.calendar-button {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #000000;
	background-color: #FFB800;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	/* Match height of the countdown */
	transition: all 0.3s ease;
}

.calendar-button:hover {
	background-color: #F98706;
	transform: scale(1.05);
}

.main-hero::after {
	content: "";
	z-index: 1;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	background: linear-gradient(0deg, rgba(74, 0, 0, 1) 0%, rgba(74, 0, 0, 0) 100%);
	position: absolute;
}

.main-hero-mobile::after {
	content: "";
	z-index: 1;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	background: linear-gradient(0deg, rgba(74, 0, 0, 1) 0%, rgba(74, 0, 0, 0) 100%);
	position: absolute;
}

.main-hero-mobile .cta {
	z-index: 5;
	position: relative;
}

.join-hackathon {
	background: url('../images/join-hackathon-bg.png') no-repeat center center / cover;
	min-height: auto;
	position: relative;
}

@media screen and (min-width: 782px) {
	.join-hackathon::before {
		content: "";
		z-index: 2;
		position: absolute;
		width: 453px;
		height: 888px;
		left: 0;
		top: -314px;
		background: radial-gradient(100% 49.91% at 0% 50.09%, #CC00FF 0%, rgba(204, 0, 255, 0) 100%);
		background-blend-mode: hard-light;
		opacity: 0.8;
		pointer-events: none;
	}
}

@media screen and (max-width: 781px) {
	.join-hackathon::before {
		content: "";
		z-index: 2;
		position: absolute;
		width: 250px;
		height: 450px;
		left: 0;
		top: -200px;
		background: radial-gradient(100% 49.91% at 0% 50.09%, #CC00FF 0%, rgba(204, 0, 255, 0) 100%);
		background-blend-mode: hard-light;
		opacity: 0.8;
		pointer-events: none;
	}
}

@media screen and (min-width: 782px) {
	.join-hackathon::after {
		content: "";
		z-index: 2;
		position: absolute;
		width: 453px;
		height: 888px;
		right: 0;
		top: -323px;
		background: radial-gradient(88.96% 51.43% at 0% 50.07%, rgba(0, 194, 255, 0.8) 0%, rgba(0, 194, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
		background-blend-mode: hard-light;
		opacity: 0.8;
		pointer-events: none;
		transform: rotate(-180deg);
	}
}

.join-hackathon .section-subtitle {
	font-size: 18px;
	margin-bottom: 2.5rem;
}

@media screen and (min-width: 782px) {
	.join-hackathon .section-subtitle {
		font-size: 24px;
		margin-bottom: 3rem;
	}
}

.join-hackathon .number-title {
	line-height: 1.4;
	text-align: center;
	background: linear-gradient(270deg, #FF3D00 38.22%, #FFB800 54.58%, #FFDB7E 62.1%), #000000;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	position: relative;
}

@media screen and (min-width: 782px) {
	.join-hackathon .number-title {
		text-align: left;
		background: linear-gradient(270deg, #FF3D00 67.75%, #FFB800 89.84%, #FFDB7E 100%), #000000;
		background-clip: text;
	}
}

.join-hackathon .number {
	font-size: 52px;
	line-height: 1.21;
	text-align: center;
	background: linear-gradient(270deg, #FF3D00 0%, #FFB800 68.5%, #FFDB7E 100%), #0094FF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	position: relative;
}

@media screen and (min-width: 782px) {
	.join-hackathon .number {
		font-size: 60px;
		text-align: left;
	}
}

.join-hackathon .number mark {
	font-size: 18px;
	letter-spacing: -0.06rem;
	margin-left: -8px;
	padding: 0;
}

.join-hackathon .wp-block-column .number {
	font-size: 50px !important;
}

@media (min-width: 782px) and (max-width: 1200px) {
	.join-hackathon .wp-block-column .number {
		font-size: 4vw !important;
	}
}

.register-today {
	background: url('../images/register-now-background.png') no-repeat center center / cover;
	background-position: top;
}

.register-today::after {
	content: "";
	z-index: 1;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	background: linear-gradient(0deg, rgb(153 0 1) 0%, rgba(74, 0, 0, 0) 100%);
	pointer-events: none;
	position: absolute;
}

.register-today .cta-button {
	width: 100%;
	text-align: center;
}

.register-today .cta-button .wp-block-button__link {
	width: 100%;
	font-size: 24px;
	max-width: 440px;
}

@media screen and (min-width: 782px) {
	.register-today .cta-button .wp-block-button__link {
		font-size: 32px;
	}
}

.register-today .register-today-wrapper {
	z-index: 5;
	background: url('../images/register-now-block.png') no-repeat center center / cover;
	position: relative;
}

.register-today .wp-block-button-link {
	font-size: 32px;
	min-width: 440px;
	font-weight: 600;
	padding: 0.9rem 1.875rem;
}

.about-blocks .wp-block-columns {
	z-index: 5;
	position: relative;
}

@media screen and (min-width: 782px) {
	.about-blocks::before {
		content: "";
		z-index: 1;
		top: -100px;
		right: 0;
		left: 0;
		width: 100%;
		height: 100px;
		background: linear-gradient(0deg, rgb(154 4 0) 0%, rgb(74 0 0 / 0%) 100%);
		position: absolute;
		pointer-events: none;
	}

	.about-blocks::after {
		content: "";
		z-index: 2;
		bottom: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100px;
		background: linear-gradient(0deg, rgb(142 0 0) 0%, rgb(74 0 0 / 0%) 100%);
		position: absolute;
		pointer-events: none;
	}
}

@media screen and (min-width: 782px) {
	.about-blocks .small-blocks {
		padding: 0 1.4rem;
	}
}

.about-blocks .small-blocks .block {
	height: 100%;
}

.about-blocks .inner-block {
	height: 100%;
}

.about-blocks .inner-block1 {
	background: url('../images/about-the-competition.png') no-repeat center center / cover;
	box-shadow: 0px 12px 84px rgba(255, 138, 0, 0.5);
}

.about-blocks .inner-block2 {
	background: url('../images/registration.png') no-repeat center center / cover;
}

.about-blocks .inner-block3 {
	background: url('../images/location.png') no-repeat center center / cover;
	display: flex;
	align-items: center;
}

@media screen and (min-width: 782px) {
	.about-blocks .inner-block3 {
		min-height: 312px;
	}
}

.about-blocks .inner-block4 {
	box-shadow: 0px 12px 84px rgba(255, 138, 0, 0.5);
	background: url('../images/about-byborg.png') no-repeat center center / cover;
	display: flex;
	align-items: center;
}

.want-to-join {
	position: relative;
}

.want-to-join > * {
	z-index: 5;
	position: relative;
}

.want-to-join::before {
	content: "";
	z-index: 2;
	position: absolute;
	width: 248px;
	height: 486.46px;
	top: -296px;
	left: 0;
	background: radial-gradient(100% 49.91% at 0% 50.09%, #CC00FF 0%, rgba(204, 0, 255, 0) 100%);
	background-blend-mode: hard-light;
	opacity: 0.8;
	pointer-events: none;
}

.want-to-join::after {
	content: "";
	z-index: 2;
	position: absolute;
	width: 248px;
	height: 486.08px;
	right: 0;
	top: -296px;
	background: radial-gradient(88.96% 51.43% at 0% 50.07%, #2874e5 0%, rgba(0, 194, 255, 0) 100%);
	background-blend-mode: hard-light;
	opacity: 0.8;
	transform: rotate(-180deg);
	pointer-events: none;
}

@media screen and (min-width: 782px) {
	.want-to-join::before {
		width: 453px;
		height: 974px;
		top: auto;
		bottom: 0;
	}

	.want-to-join::after {
		width: 453px;
		height: 974px;
		top: auto;
		right: 0;
		bottom: 0;
	}
}

.want-to-join .section-subtitle {
	font-size: 18px;
}

@media screen and (min-width: 782px) {
	.want-to-join .section-subtitle {
		font-size: 24px;
		max-width: 609px;
		margin: 0 auto;
	}
}

.want-to-join .job-offers {
	max-width: 775px;
	margin: 0 auto;
}

.want-to-join .job-offers .offer-row {
	flex-wrap: wrap;
}

.want-to-join .job-offers .offer-data {
	width: 100%;
}

@media screen and (min-width: 782px) {
	.want-to-join .job-offers .offer-data {
		width: auto;
	}
}

.content-registration {
	position: relative;
	width: 100%;
}
@media screen and (min-width: 1320px) {

	.content-registration::before,
	.content-registration::after {
		content: '';
		position: fixed;
		top: 0;
		height: 871px;
		width: 20%;
		background: radial-gradient(100% 49.91% at 0% 50.09%, #CC00FF 0%, rgba(204, 0, 255, 0) 100%);
		opacity: 0.8;
		z-index: 0;
	}

	.content-registration::after {
		left: auto;
		right: 0;
		background: radial-gradient(88.96% 51.43% at 100% 50.07%, rgba(0, 194, 255, 0.8) 0%, rgba(0, 194, 255, 0) 100%);
	}
}

.registraion-container, .success-container {
	position: relative;
	z-index: 1;
}

.registration-container {
	width: 100%;
	max-width: 576px;
	height: auto;
}

.registration-container .row-page-title {
	width: 100%;
}

.registration-container h1 {
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	margin-bottom: 20px;
}

.registration-container h4, .registration-container label {
	font-weight: 600 !important;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 8px;
}


.registration-container .form-control {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px 16px;
	background: #5E0000;
	border-radius: 8px;
	border-color: transparent;
	height: 40px;
	color: #FF9999;
}
.registration-container .form-control:focus {
	box-shadow: 0px 1px 0px rgba(192, 0, 0, 0.8);
}

.registration-container .form-control::placeholder {
	color: rgba(237, 122, 122, 0.6);
}

.registration-container textarea.form-control {
	padding: 8px 16px;
	height: auto;
	min-height: 80px;
}

.registration-container .btn-primary, .success-container .btn-primary {
	color: #750000;
	background: #FDA730;
	font-weight: bold;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.registration-container .btn-primary:hover, .success-container .btn-primary:hover, .success-container .btn-primary:focus {
	background: #FFDB7E;
}

.registration-container .btn-primary:focus, .success-container .btn-primary:focus,
.registration-container .btn-primary.btn-submitting, .success-container .btn-primary.btn-submitting {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), linear-gradient(243.67deg, #FF3D00 16.92%, #FF3D00 24.92%, #FDA730 83.82%), #750000;
	box-shadow: 0px 0px 16px rgba(254, 97, 16, 0.5);

}

.registration-container .btn-secondary {
	background: transparent;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.02em;
	color: #FF988B;
	text-align: left;
	border: 2px solid #FF988B;
	border-radius: 8px;
	padding: 10px;
}
.registration-container .btn-secondary:hover, .registration-container .btn-secondary:focus {
	opacity: 0.6;
	background: transparent;
}

.registration-container .seperator {
	display: flex;
	align-items: center;
	margin: 16px 0;
	height: 2px;
	background: #ED7A7A;
	opacity: 0.4;
}

.registration-container a {
	color: #FFBB0B;
	text-decoration: underline;
}

.registration-container .member h3 {
	font-size: 16px;
	font-weight: semi-bold;
	line-height: auto;
}
.registration-container .member label {
	font-size: 14px;
	font-weight: normal;
}

.registration-container input[type=checkbox] {
	visibility: hidden;
	position: relative;
}

.registration-container input[type=checkbox]:before {
	visibility: visible;
	content: ' ';
	position: absolute;
	top: -4px;
	z-index: 50;
	width: 24px;
	height: 24px;

	background: #5E0000;
	border: 2px solid #901D1D;
	border-radius: 8px;
}
.registration-container input[type=checkbox]:checked:before {
	background: linear-gradient(243.67deg, #FF3D00 16.92%, #FF3D00 24.92%, #FDA730 83.82%), #5E0000;
	filter: drop-shadow(0px 0px 16px rgba(254, 97, 16, 0.5));
}

.registration-container input[type=checkbox]:checked:after {
	position: absolute;
	visibility: visible;
	content: ' ';
	position: absolute;
	top: -4px;
	z-index: 60;
	width: 24px;
	height: 24px;
	background: url(../images/checked.svg) center center no-repeat;
}

.registration-container input[type=checkbox]:checked~label {
	color: #FFFFFF;
}

.registration-container .form-check .form-check-input {
	float: none;
	margin-left: 0px;
}

.registration-container .form-check label, .registration-container .form-check-input.is-invalid~.form-check-label {
	margin-bottom: 0;
	font-size: 12px;
	margin-left: 20px;
	line-height: 24px;
	color: #FF988B;
}

.registration-container .form-check label {
	max-width: 85%;
}

.registration-container .form-check {
	padding-left: 8px;
}

.registration-container .form-check > * {
	flex: 1;
}

.registration-container .form-check > :nth-child(3) {
	color: #FF988B;
	flex: 0 0 100%;
}

.registration-container .invalid-feedback {
	color: #FF988B;
}

.registration-container .required-info {
	color: #FF988B;
	font-size: 10px;
	font-weight: medium;
	margin-bottom: 1rem;
}

h2, a, p, span, img, iframe, ul, .collapse-content, .collapse-container {
	position: relative;
	z-index: 50;
}

@media screen and (max-width: 781px) {
	.left-gradient::before, .about-hackathon::before, .left-gradient::before {
		content: "";
		z-index: 30;
		top: -50px;
		left: 0px;
		width: 250px;
		height: 450px;
		background: radial-gradient(100% 49.91% at 0% 50.09%, #CC00FF 0%, rgba(204, 0, 255, 0) 100%);
		background-blend-mode: hard-light;
		opacity: 0.8;
		pointer-events: none;
		position: absolute;
	}

	.right-gradient::after, .about-hackathon::after, .right-gradient::after {
		content: "";
		z-index: 30;
		width: 250px;
		height: 450px;
		right: 0;
		top: -50px;
		background: radial-gradient(88.96% 51.43% at 0% 50.07%, #2874e5 0%, rgba(0, 194, 255, 0) 100%);
		background-blend-mode: hard-light;
		opacity: 0.8;
		transform: rotate(-180deg);
		pointer-events: none;
		position: absolute;
	}

	.venue::after {
		content: "";
		z-index: 30;
		width: 250px;
		height: 450px;
		right: 0;
		top: 290px;
		background: radial-gradient(88.96% 51.43% at 0% 50.07%, #2874e5 0%, rgba(0, 194, 255, 0) 100%);
		background-blend-mode: hard-light;
		opacity: 0.8;
		transform: rotate(-180deg);
		pointer-events: none;
		position: absolute;
	}

	.join-hackathon::after {
		content: "";
		z-index: 30;
		width: 250px;
		height: 450px;
		right: 0;
		top: 200px;
		background: radial-gradient(88.96% 51.43% at 0% 50.07%, #2874e5 0%, rgba(0, 194, 255, 0) 100%);
		background-blend-mode: hard-light;
		opacity: 0.8;
		transform: rotate(-180deg);
		pointer-events: none;
		position: absolute;
	}
}

@media screen and (min-width: 782px) {
	.left-gradient::before, .about-hackathon::before {
		content: "";
		z-index: 30;
		top: -198px;
		left: 0px;
		width: 453px;
		height: 871px;
		background: radial-gradient(100% 49.91% at 0% 50.09%, #CC00FF 0%, rgba(204, 0, 255, 0) 100%);
		background-blend-mode: hard-light;
		opacity: 0.8;
		pointer-events: none;
		position: absolute;
	}

	.right-gradient::after, .venue::after, .about-hackathon::after {
		content: "";
		z-index: 30;
		width: 453px;
		height: 871px;
		right: 0;
		top: -198px;
		background: radial-gradient(88.96% 51.43% at 0% 50.07%, rgba(0, 194, 255, 0.8) 0%, rgba(0, 194, 255, 0) 100%);
		background-blend-mode: hard-light;
		opacity: 0.8;
		transform: rotate(-180deg);
		pointer-events: none;
		position: absolute;
	}

	.right-gradient::after, .venue::after, .about-hackathon::after {
		content: "";
		z-index: 30;
		width: 453px;
		height: 871px;
		right: 0;
		top: -198px;
		background: radial-gradient(88.96% 51.43% at 0% 50.07%, rgba(0, 194, 255, 0.8) 0%, rgba(0, 194, 255, 0) 100%);
		background-blend-mode: hard-light;
		opacity: 0.8;
		transform: rotate(-180deg);
		pointer-events: none;
		position: absolute;
	}
}

.venue {
	background: url('../images/jury-bg.png') no-repeat center center / cover;
	background-position: top;
}

.venue::before {
	content: "";
	z-index: 1;
	top: -100px;
	right: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: linear-gradient(0deg, #8e0000, rgba(74, 0, 0, 0) 100%);
	pointer-events: none;
	position: absolute;
}

.not-found {
	text-align: center;
	padding: 100px 0;
}

.not-found .not-found-title {
	margin-bottom: 30px;
}

.grecaptcha-badge { visibility: hidden; }
.grecaptcha-info { font-size: 14px; color: #FF9999; }

body.bg-jury {
	background: #8f0001;
	overflow-x: hidden;
}
.juries-row {
	position: relative;
	padding: 50px 0;
	margin-block-start: 0 !important;
	width: 100%;
}

.juries-row:first-child {
	margin-top: 50px;
}

.juries-row::before, .juries-row::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.juries-row::before {
	background: url(/wp-content/themes/byborg-ai/assets/images/jury-bg.png) top center no-repeat;
	background-size: inherit;
}

.juries-row:nth-child(even)::before {
	background-image: url(/wp-content/themes/byborg-ai/assets/images/jury-bg-alt.png);
}

.juries-container {
	max-width: 990px;
	position: relative;
	z-index: 10;
}

.juries-container::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 734px;
	height: 100%;
	background: radial-gradient(50% 45.53% at 50% 50.09%, #CC00FF 0%, rgba(204, 0, 255, 0) 100%);
	background-blend-mode: hard-light;
	opacity: 0.6;
	z-index: 0;
}

@media screen and (min-width: 782px) {
	.juries-row:nth-child(even) .juries-container::after {
		background: radial-gradient(50% 45.53% at 100% 50.09%, #CC00FF 0%, rgba(204, 0, 255, 0) 100%);
	}
}

.jury-position {
	background: linear-gradient(86.17deg, rgba(255, 184, 0, 0.6) 1%, rgba(175, 42, 0, 0.6) 100%);
	background-blend-mode: hard-light;
	border-radius: 8px;
	font-size: 18px;
	padding: 16px;
	letter-spacing: -0.02em;
	margin: 20px auto 20px 0;
	width: auto;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.jury-position span {
	display: block;
}
.jury-position span:first-child {
	font-weight: bold;
}
.jury-info{
	position: relative;
	z-index: 30;
}
.jury-photo {
	border-radius: 8px;
}

.register-today.jury-page {
	position: relative;
}

.register-today.jury-page:before {
	content: '';
	position: absolute;
	width: 453px;
	max-width: 50%;
	height: 974px;
	left: 0px;
	top: -15px;

	background: radial-gradient(100% 49.91% at 0% 50.09%, #CC00FF 0%, rgba(204, 0, 255, 0) 100%);
	background-blend-mode: hard-light;
	opacity: 0.8;
}

.register-today.jury-page:after {
	content: '';

	position: absolute;
	width: 453px;
	max-width: 50%;
	height: 974px;
	left: auto;
	right: 0;
	top: -15px;

	background: radial-gradient(88.96% 51.43% at 0% 50.07%, rgba(0, 194, 255, 0.8) 0%, rgba(0, 194, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
	background-blend-mode: hard-light;
	opacity: 0.8;
	transform: rotate(-180deg);

}

.register-today-wrapper a {
	color: #ffdb7e;
}

.final-results {
	padding: 0 16px 80px !important;
	position: relative;
	width: 100%;
	margin: 0;

	background: url('../images/final-results.jpg') top center no-repeat;
    background-size: cover;

    .g-4 {
    	gap: 32px !important;
    }

    .special-prizes {
    	font-weight: 500;
    	font-size: 18px;
    	text-align: center;
    	text-transform: uppercase;
		line-height: 28px;
		letter-spacing: 10%;
    	margin: 40px 0 24px !important;
    }
}

.final-results .section-subtitle {
	max-width: 775px;
}

@media screen and (min-width: 992px) {
	.final-results:before {
		content: '';
		position: absolute;
		width: 453px;
		max-width: 50%;
		height: 974px;
		left: 0px;
		top: -15px;

		background: radial-gradient(100% 49.91% at 0% 50.09%, #CC00FF 0%, rgba(204, 0, 255, 0) 100%);
		background-blend-mode: hard-light;
		opacity: 0.8;
	}

	.final-results:after {
		content: '';

		position: absolute;
		width: 453px;
		max-width: 50%;
		height: 974px;
		left: auto;
		right: 0;
		top: -15px;

		background: radial-gradient(88.96% 51.43% at 0% 50.07%, rgba(0, 194, 255, 0.8) 0%, rgba(0, 194, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
		background-blend-mode: hard-light;
		opacity: 0.8;
		transform: rotate(-180deg);

	}
}

.first-place, .second-place, .third-place, .special-prize {
	position: relative;
    
	border: 4px solid #fda730;
    border-radius: 16px;
    overflow: hidden;

    .content {
    	padding: 32px;
    	position: relative;
    	z-index: 10;
    	width: 100%;
    	display: block;
		background: radial-gradient(50% 98.97% at 50% 51.11%, rgba(255, 61, 0, 0.48) 0%, rgba(255, 61, 0, 0.48) 11.95%, rgba(253, 167, 48, 0) 100%), rgba(80, 0, 0, 0.4);
		box-shadow: 0px 12px 84px rgba(255, 138, 0, 0.5);
		backdrop-filter: blur(2px);
    }

	h3 {
		display: block;
		width: 100%;
		text-align: center;
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 28px;
		letter-spacing: 0.1em;
		text-transform: uppercase;

		background: linear-gradient(270deg, #FF3D00 0%, #FFB800 68.5%, #FFDB7E 100%), #FFFFFF;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
	}
	h2 {
		display: block;
		width: 100%;
		font-family: Montserrat;
		font-weight: 700;
		font-size: 48px;
		text-align: center;
	}

	p {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 656px;
		font-family: Montserrat;
		font-weight: 400;
		font-style: italic;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 0%;
		text-align: center;
	}
	.prize {
		width: 100%;
		text-align: center;
	}

	.amount {
		font-style: normal;
		font-weight: 700;
		font-size: 39px;
		line-height: 73px;
		leading-trim: both;
		text-edge: cap;
		letter-spacing: -0.06em;
		background: linear-gradient(270deg, #FF3D00 0%, #FFB800 68.5%, #FFDB7E 100%), #0094FF;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
	}

	@media (min-width: 768px) {
		.amount {
			font-size: 60px;
			line-height: 73px;
		}
	}

	.currency {
		font-weight: 700;
		font-size: 18px;
		line-height: 36px;
		leading-trim: both;
		text-edge: cap;
		text-align: center;
		letter-spacing: -0.06em;
		color: #FFAA01;
	}
}

.first-place {
	width: 100%;
}

.prizes {
	display: block;
	position: relative;
	width: 100vw;
	padding: 0 16px;

	.container {
		width: 100% !important;
		max-width: 1216px;
	}
}

@media screen and (min-width: 992px) {
	.prizes:before {
		content: '';
		position: absolute;
		width: 453px;
		max-width: 50%;
		height: 974px;
		left: 0px;
		top: -15px;

		background: radial-gradient(100% 49.91% at 0% 50.09%, #CC00FF 0%, rgba(204, 0, 255, 0) 100%);
		background-blend-mode: hard-light;
		opacity: 0.8;
	}

	.prizes:after {
		content: '';

		position: absolute;
		width: 453px;
		max-width: 50%;
		height: 974px;
		left: auto;
		right: 0;
		top: -15px;

		background: radial-gradient(88.96% 51.43% at 0% 50.07%, rgba(0, 194, 255, 0.8) 0%, rgba(0, 194, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
		background-blend-mode: hard-light;
		opacity: 0.8;
		transform: rotate(-180deg);
	}
}

.second-place, .third-place, .special-prize {
	border: 2px solid #fda730;

	.content {
		padding: 24px;
	}

	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 18px;
		line-height: 28px;
	}

	p {
		font-size: 16px;
		line-height: 24px;
		max-width: 440px;
	}

	.amount {
		font-size: 40px;
	}
}

.special-prize {
	h2 {
		font-size: 18px;
		line-height: 1;
	}
	p {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0%;
		text-align: center;
	}
	.content {
		padding: 16px;
	}
}

.gradient {
	position: absolute;
	bottom: 0px;
	left: 0;
    width: 100vw;
    height: 100px;
    margin: 0 !important;
    z-index: 10;
    background: linear-gradient(to top, #8E0000 0%, rgba(142, 0, 0, 0) 100%);
    pointer-events: none; /* Ensures it doesn’t interfere with interactions */
}

.feedbacks {
	position: relative;
	padding: 40px 16px 80px !important;
}
.feedbacks:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  	background-image: 
	    linear-gradient(180deg, #910109 0%, rgba(0, 0, 0, 0) 52.37%, #910109 100%),
	    url('/wp-content/themes/byborg-ai/assets/images/jury-bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-blend-mode: normal, luminosity;
}

.feedback {
	position: relative;
	z-index: 10;
	padding: 50px 24px 24px;
	border: 2px solid #FF988B66;
	border-radius: 16px;
	background: linear-gradient(100.29deg, rgba(94, 0, 0, 0.3) 0%, rgba(196, 0, 0, 0.3) 100%);
	font-size: 16px;
	line-height: 24px;
}

.feedback:before {
	position: absolute;
	content: '';
  	width: 24px;
  	height: 24px;
  	background-image: url('/wp-content/themes/byborg-ai/assets/images/quote.svg');
  	background-size: contain;
  	background-repeat: no-repeat;
  	background-position: center;	
	top: 24px;
	left: 24px;
}