.pcgh-vip-new-plan__price {
	align-items: baseline;
	gap: 6px;
	white-space: nowrap
}

.pcgh-vip-new-plan__price small {
	font-size: 18px;
	font-weight: 700;
	line-height: 1
}

.pcgh-vip-new-plan__price strong {
	font-size: 40px;
	line-height: 1;
	font-weight: 900
}

.pcgh-vip-new-plan__price b {
	color: var(--pcgh-text-3);
	font-size: 18px;
	font-weight: 700;
	line-height: 1
}

.pcgh-vip-new-plan__price span {
	color: var(--pcgh-text-3);
	font-size: 15px;
	font-weight: 700;
	line-height: 1
}

.pcgh-vip-new-buy {
	height: 48px;
	border: 0;
	border-radius: 9px;
	background: linear-gradient(135deg,#8ab4ff,#1677ff);
	color: #fff;
	font-size: 15px;
	font-weight: 900;
	box-shadow: none;
	white-space: nowrap
}

.pcgh-vip-new-buy:hover:not(:disabled),
.pcgh-vip-new-buy:focus-visible:not(:disabled) {
	background: linear-gradient(135deg,#60a5fa,#2563eb);
	color: #fff
}

.pcgh-vip-new-buy:disabled {
	box-shadow: none
}

.pcgh-vip-pay-modal__foot :where(i[data-lucide],svg[data-lucide],svg.lucide) {
	display: inline-flex;
	width: 22px;
	height: 22px;
	min-width: 22px;
	color: var(--pcgh-vip-pay-c);
	stroke-width: 1.9
}

html[data-pcgh-theme-resolved="light"] .pcgh-vip-new-plan__price b,
html[data-pcgh-theme-resolved="light"] .pcgh-vip-new-plan__price span {
	color: #64748b
}

html[data-pcgh-theme-resolved="light"] .pcgh-vip-new-buy {
	background: linear-gradient(135deg,#8ab4ff,#1677ff);
	box-shadow: none
}

html[data-pcgh-theme-resolved="light"] .pcgh-vip-new-buy:hover:not(:disabled),
html[data-pcgh-theme-resolved="light"] .pcgh-vip-new-buy:focus-visible:not(:disabled) {
	background: linear-gradient(135deg,#60a5fa,#2563eb);
	color: #fff
}

html[data-pcgh-theme-resolved="light"] .pcgh-vip-pay-modal__foot :where(i[data-lucide],svg[data-lucide],svg.lucide) {
	color: #64748b
}

@media (max-width: 520px) {
	.pcgh-vip-new-plan__price strong {
		font-size: 34px
	}

	.pcgh-vip-new-plan__price span {
		font-size: 14px
	}
}

.pcgh-vip-new {
	min-height: auto;
	background: #f6f9ff;
	color: #0f172a
}

.pcgh-vip-new .pcgh-container {
	width: 100%;
	max-width: var(--pcgh-container-w)
}

.pcgh-vip-new-hero {
	min-height: 292px;
	padding: 54px 0 44px;
	background-color: #061632;
	background-image: radial-gradient(circle at 76% 42%,rgba(0,117,255,.48),transparent 28%),linear-gradient(115deg,#081329 0%,#08265a 52%,#041226 100%);
	border-bottom: 1px solid #dbeafe
}

.pcgh-vip-new-hero:before {
	background: linear-gradient(90deg,rgba(3,9,25,.52),rgba(6,24,67,.24),rgba(3,9,25,.55))
}

.pcgh-vip-new-hero:after {
	display: none
}

.pcgh-vip-new-hero__inner {
	max-width: 760px
}

.pcgh-vip-new-hero h1 {
	font-size: clamp(34px,4vw,48px);
	font-weight: 900;
	letter-spacing: .5px;
	color: #fff;
	background: none;
	-webkit-text-fill-color: currentColor
}

.pcgh-vip-new-hero h1 span {
	color: #00a3ff
}

.pcgh-vip-new-hero__sub {
	margin-top: 12px;
	color: rgba(255,255,255,.88);
	font-size: 16px;
	font-weight: 600
}

.pcgh-vip-new-hero__badges {
	margin-top: 22px;
	gap: 14px
}

.pcgh-vip-new-hero__badges span {
	min-width: 112px;
	justify-content: center;
	padding: 9px 16px;
	background: #fff;
	border: 0;
	border-radius: 999px;
	color: #1e3a8a;
	font-size: 13px;
	font-weight: 800;
	box-shadow: none
}

.pcgh-vip-new-hero__badges i[data-lucide],
.pcgh-vip-new-hero__badges svg {
	width: 18px;
	height: 18px;
	color: #1677ff
}

.pcgh-vip-new-current {
	margin-top: 20px;
	padding: 9px 18px;
	background: rgba(15,23,42,.72);
	border: 1px solid rgba(255,255,255,.2);
	color: #fff;
	box-shadow: none
}

.pcgh-vip-new-current__icon-img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	flex-shrink: 0
}

.pcgh-vip-new__body {
	padding-top: 22px;
	padding-bottom: 18px
}

.pcgh-vip-new-section {
	margin-bottom: 28px
}

.pcgh-vip-new__body > :last-child {
	margin-bottom: 0
}

.pcgh-vip-new + .pcgh-footer-new,
.pcgh-main:has(.pcgh-vip-new) + .pcgh-footer {
	margin-top: 0
}

.pcgh-vip-new-head {
	margin-bottom: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
	text-align: center
}

.pcgh-vip-new-head h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 0;
	color: #0f172a;
	font-size: clamp(26px,3vw,34px);
	line-height: 1.18;
	font-weight: 900;
	letter-spacing: -.02em
}

.pcgh-vip-new-head h2 span {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #1677ff;
	color: #fff;
	font-size: 20px;
	font-weight: 900
}

.pcgh-vip-new-head p {
	margin: 8px auto 0;
	max-width: 680px;
	color: #64748b;
	font-size: 15px;
	line-height: 1.7
}

.pcgh-vip-new-head > a {
	min-height: 32px;
	padding: 7px 14px;
	border-color: #bfdbfe;
	border-radius: 999px;
	background: #eff6ff;
	color: #1677ff;
	font-size: 13px;
	font-weight: 800
}

.pcgh-vip-new-head > a i[data-lucide],
.pcgh-vip-new-head > a svg {
	width: 16px;
	height: 16px
}

.pcgh-vip-new-plans {
	grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
	gap: 14px
}

.pcgh-vip-new-plan {
	min-height: 302px;
	padding: 22px 22px 20px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e2e8f0;
	box-shadow: none
}

.pcgh-vip-new-plan:before {
	display: none
}

.pcgh-vip-new-plan.is-popular,
.pcgh-vip-new-plan:hover {
	border-color: #1677ff;
	box-shadow: 0 0 0 1px rgba(22,119,255,.2)
}

.pcgh-vip-new-plan__tag {
	right: 0;
	top: 0;
	border-radius: 0 10px 0 10px;
	background: linear-gradient(135deg,#1677ff,#0b5cff);
	color: #fff
}

.pcgh-vip-new-plan__top {
	gap: 10px
}

.pcgh-vip-new-plan__top i[data-lucide],
.pcgh-vip-new-plan__top svg {
	width: 28px;
	height: 28px;
	color: #0f172a;
	filter: none
}

.pcgh-vip-new-plan__icon-img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	flex-shrink: 0
}

.pcgh-vip-new-plan__top h3 {
	color: #0f172a;
	font-size: 18px;
	font-weight: 900
}

.pcgh-vip-new-plan__price {
	margin-top: 18px;
	color: #0f172a
}

.pcgh-vip-new-plan__price small {
	color: #0f172a;
	font-size: 19px
}

.pcgh-vip-new-plan__price strong {
	font-size: 36px;
	font-weight: 900
}

.pcgh-vip-new-plan__price b,
.pcgh-vip-new-plan__price span {
	color: #64748b;
	font-size: 16px
}

.pcgh-vip-new-plan__actions {
	margin-top: 16px
}

.pcgh-vip-new-buy {
	height: 40px;
	border-radius: 6px;
	background: linear-gradient(135deg,#60a5fa,#005cff);
	font-size: 15px;
	font-weight: 900;
	box-shadow: none
}

.pcgh-vip-new-plan__perks {
	margin-top: 16px;
	gap: 11px;
	color: #334155;
	font-size: 15px;
	line-height: 1.6
}

.pcgh-vip-new-plan__perks i[data-lucide],
.pcgh-vip-new-plan__perks svg {
	width: 19px;
	height: 19px;
	color: #1677ff
}

.pcgh-vip-new-privileges {
	grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
	gap: 10px
}

.pcgh-vip-new-privilege {
	min-height: 120px;
	padding: 22px 14px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e2e8f0;
	box-shadow: none
}

.pcgh-vip-new-privilege i[data-lucide],
.pcgh-vip-new-privilege svg {
	width: 48px;
	height: 48px;
	margin-bottom: 10px;
	color: #1677ff;
	filter: drop-shadow(0 8px 18px rgba(22,119,255,.18))
}

.pcgh-vip-new-privilege strong {
	color: #0f172a;
	font-size: 17px;
	font-weight: 900
}

.pcgh-vip-new-privilege span {
	color: #64748b;
	font-size: 14px;
	line-height: 1.65
}

.pcgh-vip-new-table {
	background: #fff;
	border-color: #dbeafe;
	border-radius: 10px;
	box-shadow: none
}

.pcgh-vip-new-table table {
	min-width: 760px
}

.pcgh-vip-new-table th {
	background: #eaf3ff;
	color: #334155;
	font-size: 16px;
	font-weight: 900
}

.pcgh-vip-new-table th,
.pcgh-vip-new-table td {
	padding: 14px 18px;
	border-bottom: 1px solid #edf4ff
}

.pcgh-vip-new-table td {
	color: #334155;
	font-size: 15px
}

.pcgh-vip-new-table .is-yes {
	color: #1677ff;
	font-size: 18px;
	font-weight: 900
}

.pcgh-vip-new-table .is-no {
	color: #94a3b8;
	font-size: 18px
}

.pcgh-vip-new-reasons,
.pcgh-vip-new-reviews {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
	gap: 14px
}

.pcgh-vip-new-reason,
.pcgh-vip-new-review {
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e2e8f0;
	box-shadow: none
}

.pcgh-vip-new-reason {
	min-height: 112px;
	padding: 24px;
	display: flex;
	align-items: center;
	gap: 18px
}

.pcgh-vip-new-reason > span {
	width: 66px;
	height: 66px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 50%;
	background: #eff6ff;
	color: #1677ff
}

.pcgh-vip-new-reason i[data-lucide],
.pcgh-vip-new-reason svg {
	width: 40px;
	height: 40px
}

.pcgh-vip-new-reason strong {
	display: block;
	color: #0f172a;
	font-size: 18px;
	font-weight: 900
}

.pcgh-vip-new-reason p {
	margin: 6px 0 0;
	color: #64748b;
	font-size: 15px;
	line-height: 1.7
}

.pcgh-vip-new-review {
	padding: 22px
}

.pcgh-vip-new-review__user {
	display: flex;
	align-items: center;
	gap: 14px
}

.pcgh-vip-new-review__user img,
.pcgh-vip-new-review__user > span {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	flex-shrink: 0
}

.pcgh-vip-new-review__user img {
	object-fit: cover
}

.pcgh-vip-new-review__user > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #eff6ff;
	color: #1677ff
}

.pcgh-vip-new-review__meta {
	min-width: 0
}

.pcgh-vip-new-review__name {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap
}

.pcgh-vip-new-review__user strong {
	display: inline-flex;
	align-items: center;
	color: #0f172a;
	font-size: 17px;
	font-weight: 900
}

.pcgh-vip-new-review__user em {
	display: inline-flex;
	padding: 3px 10px;
	border-radius: 999px;
	background: #fff7ed;
	color: #b45309;
	font-size: 13px;
	font-style: normal;
	font-weight: 800
}

.pcgh-vip-new-review__stars {
	margin-top: 6px;
	color: #f59e0b;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 1px
}

.pcgh-vip-new-review p {
	margin: 12px 0 14px;
	color: #475569;
	font-size: 16px;
	line-height: 1.75
}

.pcgh-vip-new-review time {
	color: #94a3b8;
	font-size: 14px
}

.pcgh-vip-new-faqs {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
	gap: 10px 16px
}

.pcgh-vip-new-faqs details {
	padding: 0;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #e2e8f0;
	box-shadow: none;
	overflow: hidden
}

.pcgh-vip-new-faqs summary {
	min-height: 50px;
	padding: 0 18px;
	color: #334155;
	font-size: 16px;
	font-weight: 800
}

.pcgh-vip-new-faqs summary i[data-lucide],
.pcgh-vip-new-faqs summary svg {
	width: 18px;
	height: 18px;
	color: #1677ff
}

.pcgh-vip-new-faqs p {
	margin: 0;
	padding: 0 18px 18px 44px;
	color: #64748b;
	font-size: 15px;
	line-height: 1.75
}

.pcgh-vip-new-cta {
	margin-top: 20px;
	margin-bottom: 0;
	min-height: 132px;
	padding: 28px 38px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	border-radius: 10px;
	background-color: #075fff;
	background-image: radial-gradient(circle at 12% 46%,rgba(255,255,255,.24),transparent 24%),linear-gradient(135deg,#003fd8,#0b7cff);
	background-position: center;
	background-size: cover;
	color: #fff;
	overflow: hidden
}

.pcgh-vip-new-cta strong {
	display: block;
	font-size: 24px;
	font-weight: 900
}

.pcgh-vip-new-cta p {
	margin: 8px 0 0;
	color: rgba(255,255,255,.86);
	font-size: 14px
}

.pcgh-vip-new-cta a {
	min-width: 174px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border-radius: 999px;
	background: #fff;
	color: #075fff;
	font-weight: 900
}

.pcgh-vip-new-cta a i[data-lucide],
.pcgh-vip-new-cta a svg {
	width: 18px;
	height: 18px
}

.pcgh-vip-pay-modal__perks span:before {
	content: "�?!important;
	background: color-mix(in srgb,var(--pcgh-vip-pay-c),transparent 88%)!important;
	color: var(--pcgh-vip-pay-c)!important;
	font-size: 14px!important;
	font-weight: 900!important
}

.pcgh-vip-pay-modal__icon img {
	display: block;
	object-fit: contain
}

html[data-pcgh-theme-resolved="light"] .pcgh-vip-pay-modal__perks span:before {
	content: "�?!important;
	background: #eff6ff!important;
	color: #1677ff!important
}

.pcgh-vip-pay-modal__perks span:before,
html[data-pcgh-theme-resolved="light"] .pcgh-vip-pay-modal__perks span:before {
	display: none!important;
	content: none!important
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new {
	background: radial-gradient(circle at 50% 0,rgba(37,99,235,.16),transparent 34%),#07111f;
	color: #e6e8eb
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-hero {
	border-bottom-color: rgba(148,163,184,.18)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-head h2,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan__top h3,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan__price,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan__price small,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-privilege strong,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-reason strong,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-review__user strong,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-faqs summary {
	color: #f8fafc
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-head p,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan__price b,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan__price span,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan__alt,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan__perks,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-privilege span,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-reason p,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-review p,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-faqs p {
	color: #94a3b8
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-privilege,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-table,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-reason,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-review,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-faqs details {
	background: rgba(15,23,42,.86);
	border-color: rgba(148,163,184,.18);
	box-shadow: 0 14px 34px rgba(0,0,0,.22)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan.is-forever {
	background: linear-gradient(180deg,rgba(251,191,36,.1),rgba(15,23,42,.9))
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan.is-popular,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan:hover {
	border-color: #60a5fa;
	box-shadow: 0 0 0 1px rgba(96,165,250,.22),0 18px 42px rgba(0,0,0,.28)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan__top i[data-lucide],
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan__top svg,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan__perks i[data-lucide],
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-plan__perks svg,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-privilege i[data-lucide],
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-faqs summary i[data-lucide],
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-faqs summary svg {
	color: #60a5fa
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-head > a,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-reason > span,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-review__user > span {
	background: rgba(59,130,246,.14);
	border-color: rgba(96,165,250,.25);
	color: #93c5fd
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-table th {
	background: rgba(30,41,59,.92);
	color: #e2e8f0
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-table th,
html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-table td {
	border-bottom-color: rgba(148,163,184,.14)
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-table td {
	color: #cbd5e1
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-table .is-yes {
	color: #60a5fa
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-review__user em {
	background: rgba(245,158,11,.16);
	color: #fbbf24
}

html[data-pcgh-theme-resolved="dark"] .pcgh-vip-new-review time {
	color: #64748b
}

@media (max-width: 1080px) {
	.pcgh-vip-new-plans,
	.pcgh-vip-new-privileges {
		grid-template-columns: repeat(2,minmax(0,1fr))
	}
}

@media (max-width: 860px) {
	.pcgh-vip-new-reasons,
	.pcgh-vip-new-reviews,
	.pcgh-vip-new-faqs {
		grid-template-columns: 1fr
	}

	.pcgh-vip-new-cta {
		align-items: flex-start;
		flex-direction: column
	}
}

@media (max-width: 560px) {
	.pcgh-vip-new-hero {
		min-height: 260px;
		padding: 42px 0 34px
	}

	.pcgh-vip-new__body {
		padding-top: 18px;
		padding-bottom: 12px
	}

	.pcgh-vip-new-plans,
	.pcgh-vip-new-privileges {
		grid-template-columns: 1fr
	}

	.pcgh-vip-new-head {
		align-items: center;
		flex-direction: column;
		text-align: center
	}

	.pcgh-vip-new-head h2 {
		flex-direction: column;
		font-size: 26px
	}

	.pcgh-vip-new-head p {
		margin-left: auto
	}

	.pcgh-vip-new-cta {
		padding: 24px
	}
}
