
.x02c97j5fb8 {
	text-align: center;
	font-size: clamp(22px, 4vw, 30px);
	font-weight: 900;
	margin: 0 0 8px;
}
.x02c1innpma {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	border: 2px solid #e0e0e8;
	border-radius: 12px;
	padding: 12px 14px;
	margin: 12px 0 8px;
	font-size: 14px;
	line-height: 1.5;
}
.x02c1innpma p {
	margin: 0;
}
.x02c17w5sz1 {
	flex-shrink: 0;
	font-size: 20px;
}
.x02c7yp5per {
	text-align: center;
	font-size: 13px;
	color: #697681;
	margin: 8px 0 0;
	line-height: 1.5;
}


.x02c6l89wgc {
	position: absolute;
	left: -9999px;
	opacity: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}


@media (max-width: 980px) {
	.x02c4ixe655 {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.x02cf9q1ryp {
		grid-template-columns: 120px 1fr;
	}

	.x02ckmr6l49 img {
		width: 120px;
		height: 120px;
	}
}

@media (max-width: 520px) {
	.x02caeqkbmm {
		padding: 16px 12px 28px;
	}

	.x02cf9q1ryp {
		grid-template-columns: 1fr;
	}

	.x02ckmr6l49 img {
		width: 100%;
		height: 200px;
	}
}

.x02c6w1zblk {
	flex-wrap: wrap;
}

@media screen and (max-width: 500px) {
	.x02cwq8h7b9 {
		font-size: 25px;
	}
}

@media screen and (max-width: 360px) {
	.x02cwq8h7b9 {
		font-size: 30px;
	}

	.x02c6w1zblk > img {
		scale: 0.7;
	}
}

#idl1c877m {
	pointer-events: none;
}

.x02cm3ffni2 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	height: 100vh;
}

.x02ce9nhul4 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 18px 28px;
	width: 100%;
	margin-top: 40px;
	padding: 36px 72px;
	background-color: #241f3d;
	color: #cbd7df;
	box-sizing: border-box;
}

.x02ce9nhul4 .x02c862e475 {
	font-size: 14px;
	font-weight: 600;
	color: #fff7ee7ee;
	margin: 0;
}

.x02ce9nhul4 .x02cqi7buum {
	width: 100%;
	font-size: 11px;
	color: #82909d;
	margin: 4px 0 0;
	text-align: center;
}

ul.hpz53k {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 26px;
	padding: 0;
	margin: 0;
}

ul.hpz53k li a {
	text-decoration: none;
	color: #b7c2cd;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	transition: color 0.2s;
}

ul.hpz53k li a:hover {
	color: #fff7ee7ee;
}

@media screen and (max-width: 600px) {
	.x02ce9nhul4 {
		flex-direction: column;
		padding: 24px 20px;
		gap: 18px;
		text-align: center;
	}

	ul.hpz53k {
		flex-direction: column;
		gap: 12px;
	}

	ul.hpz53k li a,
	.x02ce9nhul4 .x02c862e475 {
		font-size: 13px;
	}
}

@media screen and (max-width: 900px) {
	.x02ce9nhul4 {
		padding: 28px 36px;
	}
}

@media screen and (max-width: 500px) {
	
	.x02cwq8h7b9 {
		font-size: 28px;
		margin-top: 60px;
	}
}

.x02c5c91ov8 .x02cbt6w4h7 {
					background: linear-gradient(
						155deg,
						color-mix(in oklab, var(--brand) 90%, #101820 10%) 0%,
						var(--brand) 40%,
						color-mix(in oklab, var(--brand) 65%, #fff7ee 35%) 100%
					);
					border: none;
					border-radius: 20px;
					padding: 36px 30px 34px;
					box-shadow:
						0 20px 50px color-mix(in oklab, var(--brand) 25%, transparent 75%),
						0 0 0 1px color-mix(in oklab, var(--brand) 30%, transparent 70%) inset;
					position: relative;
					overflow: hidden;
				}
				.x02c5c91ov8 .x02cbt6w4h7::before {
					content: "";
					position: absolute;
					top: -60px;
					right: -60px;
					width: 200px;
					height: 200px;
					border-radius: 50%;
					background: rgba(255, 255, 255, 0.08);
					pointer-events: none;
				}
				.x02c5c91ov8 .x02cbt6w4h7::after {
					content: "";
					position: absolute;
					bottom: -40px;
					left: -40px;
					width: 140px;
					height: 140px;
					border-radius: 50%;
					background: rgba(255, 255, 255, 0.05);
					pointer-events: none;
				}

				.x02c5c91ov8 .x02c97j5fb8 {
					font-size: 26px;
					font-weight: 800;
					color: #fff7ee;
					text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
					margin-bottom: 4px;
					position: relative;
				}
				.x02c5c91ov8 .x02ctbt26gz {
					text-align: center;
					font-size: 14px;
					color: rgba(255, 255, 255, 0.8);
					margin: 0 0 24px;
					position: relative;
				}

				.x02c5c91ov8 .x02ckmr6l49 {
					background: rgba(255, 255, 255, 0.12);
					backdrop-filter: blur(6px);
					border: 1px solid rgba(255, 255, 255, 0.2);
					border-radius: 14px;
					padding: 16px;
					margin-bottom: 24px;
					position: relative;
				}
				.x02c5c91ov8 .x02ckmr6l49 img {
					max-height: 200px;
					max-width: 55%;
					height: auto;
					object-fit: contain;
					filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
				}

				.x02c5c91ov8 .x02cwupwvy6 {
					font-size: 12px;
					font-weight: 700;
					color: rgba(255, 255, 255, 0.9);
					letter-spacing: 1px;
					text-transform: uppercase;
				}

				.x02c5c91ov8 .x02cgr2p00o {
					background: rgba(255, 255, 255, 0.15);
					backdrop-filter: blur(4px);
					border: 1.5px solid rgba(255, 255, 255, 0.3);
					border-radius: 10px;
					padding: 12px 14px;
					font-size: 15px;
					color: #fff7ee;
					transition:
						border-color 0.2s,
						background 0.2s;
				}
				.x02c5c91ov8 .x02cgr2p00o::placeholder {
					color: rgba(255, 255, 255, 0.5);
				}
				.x02c5c91ov8 .x02cgr2p00o:focus {
					background: rgba(255, 255, 255, 0.22);
					border-color: #fff7ee;
					box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15);
				}

				.x02c5c91ov8 .x02cvr79qu9 {
					margin-bottom: 14px;
					position: relative;
				}

				.x02c5c91ov8 .x02cna7gq9x {
					background: #fff7ee;
					color: color-mix(in oklab, var(--brand) 85%, #101820 15%);
					border: none;
					border-radius: 12px;
					padding: 15px 20px;
					font-size: 16px;
					font-weight: 800;
					letter-spacing: 0.5px;
					text-transform: uppercase;
					box-shadow:
						0 6px 20px rgba(0, 0, 0, 0.12),
						0 1px 0 rgba(255, 255, 255, 0.6) inset;
					position: relative;
					transition:
						transform 0.15s,
						box-shadow 0.2s;
				}
				.x02c5c91ov8 .x02cna7gq9x:hover {
					transform: translateY(-2px);
					box-shadow:
						0 10px 30px rgba(0, 0, 0, 0.16),
						0 1px 0 rgba(255, 255, 255, 0.6) inset;
					filter: none;
				}
				.x02c5c91ov8 .x02cna7gq9x:active {
					transform: translateY(0);
				}

				.x02c5c91ov8 .x02c1innpma {
					background: rgba(255, 255, 255, 0.1);
					border: 1px solid rgba(255, 255, 255, 0.2);
					border-radius: 10px;
					padding: 12px 14px;
					gap: 10px;
					position: relative;
				}
				.x02c5c91ov8 .x02c1innpma p {
					font-size: 13px;
					color: rgba(255, 255, 255, 0.85);
					line-height: 1.6;
				}
				.x02c5c91ov8 .x02c1innpma strong {
					color: #fff7ee;
					font-weight: 700;
				}

				.x02c5c91ov8 .x02c7yp5per {
					font-size: 11px;
					color: rgba(255, 255, 255, 0.55);
					line-height: 1.6;
				}

:root {
				--theme-color:   #6a4fb3;
				--theme-dark:    #241f3d;
				--theme-cta:     #db7b2f;
				--theme-heading: #211a35;
				--theme-text:    #443a55;
				--theme-bg:      #f7f3fb;
				--theme-oncolor: #fff7ee7ee;
				--theme-font: 'Rubik', sans-serif;
			}
			body {
				font-family: var(--theme-font) !important;
				background: var(--theme-bg) !important;
				color: var(--theme-text);
			}
			.x02caeqkbmm { --brand: var(--theme-color) !important; }

			.x02cwq8h7b9 { color: var(--theme-heading) !important; font-weight: 800; letter-spacing: 0.3px; }

			.x02ce9nhul4 { background-color: var(--theme-dark) !important; color: var(--theme-oncolor) !important; }
			.x02ce9nhul4 .x02c862e475 { color: var(--theme-oncolor) !important; }
			.x02ce9nhul4 .x02cqi7buum { color: var(--theme-oncolor) !important; opacity: 0.7; }
			ul.hpz53k li a { color: var(--theme-oncolor) !important; opacity: 0.85; }
			ul.hpz53k li a:hover { opacity: 1; }

			.x02c3cf9cgt {
				width: 100%;
				background: var(--theme-dark);
				padding: 14px 20px;
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 12px;
				box-shadow: 0 2px 12px rgba(0, 0, 0, 0.14);
			}
			.x02cdxrpu9v {
				width: 38px;
				height: 38px;
				border-radius: 50%;
				background: var(--theme-color);
				display: inline-flex;
				align-items: center;
				justify-content: center;
				color: #fff7ee;
				font-size: 22px;
				font-weight: 900;
				line-height: 1;
				box-shadow: 0 0 0 4px rgba(45, 103, 151, 0.22);
			}
			.x02cwp5do1n {
				font-size: 22px;
				font-weight: 800;
				color: var(--theme-oncolor);
				letter-spacing: 0.5px;
			}
			.x02cwp5do1n b { color: var(--theme-color); }
			.x02c7zps0eb {
				font-size: 12px;
				font-weight: 500;
				color: rgba(255, 248, 242, 0.55);
				border-left: 1px solid rgba(255, 248, 242, 0.22);
				padding-left: 12px;
			}
			@media (max-width: 520px) {
				.x02c3cf9cgt { gap: 9px; padding: 12px 14px; }
				.x02cwp5do1n { font-size: 18px; }
				.x02cdxrpu9v { width: 34px; height: 34px; font-size: 20px; }
				.x02c7zps0eb { display: none; }
			}
.x02c6ejtasq {
					--play-bg: linear-gradient(135deg, #8f6bd8, #6a4fb3);
					--play-fg: #fff7ee;
					--play-fg-dim: rgba(255, 255, 255, 0.5);
					--play-accent: #6a4fb3;
					--play-shadow: rgba(31, 111, 196, 0.35);
					display: flex;
					flex-direction: column;
					align-items: center;
					gap: 12px;
					background: var(--play-bg);
					color: var(--play-fg);
					padding: 24px 42px;
					border-radius: 18px;
					border: 2px solid var(--play-fg);
					cursor: pointer;
					user-select: none;
					box-shadow: 0 6px 28px var(--play-shadow);
				}
				.x02c4nym96c {
					width: 56px;
					height: 56px;
					border-radius: 50%;
					background: var(--play-fg);
					display: flex;
					align-items: center;
					justify-content: center;
					box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.25);
				}
				.x02c6ejtasq .x02c4nym96c svg {
					fill: var(--play-accent);
				}
				.x02c6ejtasq h4 {
					margin: 0;
					font-size: 17px;
					font-weight: 700;
					font-style: italic;
				}
				.x02c6ejtasq h4:last-of-type {
					font-size: 15px;
				}
			.x02ctxrkk66 {
				--play-bg: linear-gradient(135deg, #db7b2f, #241f3d);
				--play-fg: #fff7ee7ee;
				--play-fg-dim: rgba(255, 255, 255, 0.5);
				--play-accent: #db7b2f;
				--play-shadow: rgba(176, 89, 68, 0.35);
			}