/* Regisztrációs kapu kártya — a „Recept regisztrációs fal" sablon rc-gate-inner blokkjának klasszikus portja: sötét plum kártya arany glow-val, középre zárt tartalom, fehér pill gomb. */

.pb-kapu {
	display: flex;
	justify-content: center;
	margin: 48px auto;
	padding: 0 16px;
}

.pb-kapu__kartya {
	position: relative;
	width: 100%;
	max-width: 620px;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 22px;
	background: linear-gradient(160deg, #5D2C56 0%, #4A234C 100%);
	box-shadow: 0 28px 70px rgba(77, 36, 76, 0.34);
}

/* Arany-rózsaszín glow réteg (a sablonéval megegyező). */
.pb-kapu__feny {
	position: absolute;
	inset: 0;
	background: radial-gradient(60% 80% at 14% 4%, rgba(199, 154, 98, 0.32) 0%, rgba(199, 154, 98, 0) 62%), radial-gradient(55% 70% at 94% 100%, rgba(243, 230, 238, 0.18) 0%, rgba(243, 230, 238, 0) 70%);
}

.pb-kapu__belso {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 44px 48px 42px;
}

.pb-kapu__ikon {
	width: 54px;
	height: 54px;
	flex: 0 0 auto;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(229, 196, 155, 0.5);
	display: grid;
	place-items: center;
}

.pb-kapu__ikon svg {
	width: 24px;
	height: 24px;
	stroke: #E5C49B;
}

.pb-kapu__eyebrow {
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #E5C49B;
	margin-top: 20px;
}

.pb-kapu__cim {
	font-family: "Playfair Display", "Times New Roman", serif;
	font-weight: 600;
	font-size: 32px;
	line-height: 1.2;
	color: #FFFFFF;
	margin: 12px 0 0;
	max-width: 24ch;
	text-wrap: pretty;
}

.pb-kapu__szoveg {
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-size: 17px;
	line-height: 1.7;
	color: #FFFFFF;
	margin: 14px 0 0;
	max-width: 44ch;
	text-wrap: pretty;
}

/* Pipás bullet-sorok. */
.pb-kapu__pontok {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 26px;
	align-items: flex-start;
}

.pb-kapu__pont {
	display: flex;
	align-items: center;
	gap: 12px;
}

.pb-kapu__pont-ikon {
	width: 24px;
	height: 24px;
	flex: 0 0 auto;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(229, 196, 155, 0.45);
	display: grid;
	place-items: center;
}

.pb-kapu__pont-ikon svg {
	width: 13px;
	height: 13px;
	stroke: #E5C49B;
}

.pb-kapu__pont-szoveg {
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: left;
}

/* Fő gomb — fehér pill a sötét kártyán (a sablonéval azonos). */
.pb-kapu .pb-kapu__gomb {
	margin-top: 28px;
	height: 54px;
	padding: 0 40px;
	box-sizing: border-box;
	border-radius: 999px;
	background: #FFFFFF;
	color: #8D4F7D;
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
	transition: transform 160ms cubic-bezier(0.22, 1, 0.36, 1), background 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

.pb-kapu .pb-kapu__gomb:hover {
	transform: translateY(-2px);
	background: #F3E6EE;
	color: #8D4F7D;
}

/* Másodlagos belépés-sor. */
.pb-kapu__belepes {
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.85);
	margin-top: 16px;
}

.pb-kapu__belepes a {
	font-weight: 700;
	color: #E5C49B;
	text-decoration: none;
}

.pb-kapu__belepes a:hover {
	color: #E5C49B;
}

@media (max-width: 767px) {
	.pb-kapu {
		margin: 36px auto;
	}

	.pb-kapu__belso {
		padding: 36px 22px 34px;
	}

	.pb-kapu__cim {
		font-size: 26px;
	}

	.pb-kapu .pb-kapu__gomb {
		width: 100%;
	}
}