/* Thank You page */

@keyframes cct-fadeInUp {
	from { opacity: 0; transform: translateY(18px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes cct-popIn {
	0% { transform: scale(0.6); opacity: 0; }
	60% { transform: scale(1.08); opacity: 1; }
	100% { transform: scale(1); opacity: 1; }
}

.cct-ty {
	font-family: 'Rubik', sans-serif;
	background: oklch(99% 0.002 264);
	color: oklch(16% 0.01 264);
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.cct-ty__header {
	padding: 24px;
}

.cct-ty__header-inner {
	max-width: 1140px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.cct-ty__logo {
	height: 30px;
	display: block;
}

.cct-ty__main {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 48px 24px 96px;
	position: relative;
	overflow: hidden;
}

.cct-ty__glow {
	position: absolute;
	top: -10%;
	left: 50%;
	transform: translateX(-50%);
	width: 900px;
	height: 500px;
	background: radial-gradient(closest-side, oklch(66% 0.11 300 / 0.16), transparent);
	filter: blur(60px);
	z-index: 0;
}

.cct-ty__content {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 1;
}

.cct-ty__check {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: oklch(88% 0.22 125);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 32px;
	animation: cct-popIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.cct-ty__title {
	font-size: clamp(28px, 4.5vw, 42px);
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 20px;
	animation: cct-fadeInUp 0.7s 0.1s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.cct-ty__lead {
	font-size: 18px;
	color: oklch(45% 0.01 264);
	line-height: 1.8;
	margin: 0 0 40px;
	animation: cct-fadeInUp 0.7s 0.18s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.cct-ty__steps {
	display: flex;
	flex-direction: column;
	gap: 14px;
	background: white;
	border: 1px solid oklch(91% 0.005 264);
	border-radius: 20px;
	padding: 28px;
	margin-bottom: 40px;
	text-align: right;
	animation: cct-fadeInUp 0.7s 0.26s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.cct-ty__step {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.cct-ty__step p {
	margin: 4px 0 0;
	color: oklch(35% 0.01 264);
	font-weight: 500;
}

.cct-ty__step-num {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: oklch(95% 0.03 300);
	color: oklch(58% 0.12 300);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	flex-shrink: 0;
}

.cct-ty__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 16px;
	animation: cct-fadeInUp 0.7s 0.34s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.cct-btn {
	padding: 16px 36px;
	border-radius: 16px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	transition: transform 0.25s;
	display: inline-block;
}

.cct-btn:hover {
	transform: translateY(-2px);
}

.cct-btn--dark {
	background: oklch(16% 0.01 264);
	color: white;
}

.cct-btn--lime {
	background: oklch(88% 0.22 125);
	color: oklch(16% 0.01 264);
}

.cct-ty__footer {
	padding: 24px;
	text-align: center;
	font-size: 13px;
	color: oklch(55% 0.01 300);
	border-top: 1px solid oklch(91% 0.005 264);
}

.cct-ty__footer p {
	margin: 0;
}