.bs-games-hub-page {
	min-height: calc(100vh - 72px);
	padding: clamp(46px, 7vw, 88px) 0;
	background:
		radial-gradient(circle at 4% 13%, rgba(255, 47, 145, .17), transparent 24rem),
		radial-gradient(circle at 97% 84%, rgba(200, 71, 255, .19), transparent 25rem),
		#1a0b16;
}

.bs-games-hub { max-width: 1240px; margin: 0 auto; }
.bs-games-hub-head { max-width: 690px; margin: 0 auto 39px; color: #fff7f0; text-align: center; }
.bs-games-hub-head .kicker { color: #ff2f91; }
.bs-games-hub-head h1 { margin: 0; font-family: var(--font-display); font-size: clamp(54px, 8vw, 92px); font-weight: 400; line-height: .88; letter-spacing: .015em; text-transform: uppercase; }
.bs-games-hub-head h1 span, .bs-games-hub-head h1 strong { display: block; }
.bs-games-hub-head h1 strong { color: #ff2f91; font-weight: 400; }
.bs-games-hub-head > p:last-child { margin: 23px auto 0; color: #e6bccf; font-size: 17px; line-height: 1.65; }
.bs-games-hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.bs-games-hub-card { position: relative; display: flex; flex-direction: column; min-height: 420px; padding: clamp(27px, 4vw, 42px); overflow: hidden; border: 1px solid rgba(255, 182, 215, .37); border-radius: 25px; color: #fff7f0; background: rgba(66, 20, 54, .66); box-shadow: 0 25px 55px rgba(0, 0, 0, .27); }
.bs-games-hub-card::after { position: absolute; right: -82px; bottom: -112px; width: 260px; height: 260px; border-radius: 50%; content: ""; filter: blur(2px); opacity: .72; }
.bs-games-hub-card-quiz::after { background: radial-gradient(circle, rgba(255, 47, 145, .65), transparent 66%); }
.bs-games-hub-card-catch::after { background: radial-gradient(circle, rgba(255, 76, 38, .7), transparent 66%); }
.bs-games-hub-card-memory::after { background: radial-gradient(circle, rgba(200, 71, 255, .72), transparent 66%); }
.bs-games-hub-card-icon { position: relative; z-index: 1; display: grid; width: 76px; height: 76px; margin-bottom: 29px; border: 2px solid #ff4c26; border-radius: 50%; background: #3a102b; box-shadow: 5px 6px 0 #ff2f91; place-items: center; font-size: 40px; transform: rotate(-10deg); }
.bs-games-hub-card-kicker { position: relative; z-index: 1; margin: 0 0 12px; color: #ff8ec2; font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.bs-games-hub-card h2 { position: relative; z-index: 1; max-width: 460px; margin: 0; font-family: var(--font-display); font-size: clamp(42px, 5.5vw, 61px); font-weight: 400; line-height: .9; text-transform: uppercase; }
.bs-games-hub-card > p:not(.bs-games-hub-card-kicker) { position: relative; z-index: 1; max-width: 440px; margin: 18px 0 30px; color: #e6bccf; line-height: 1.65; }
.bs-games-hub-card .btn { position: relative; z-index: 1; align-self: flex-start; margin-top: auto; }

@media (max-width: 1080px) {
	.bs-games-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
	.bs-games-hub-grid { grid-template-columns: 1fr; }
	.bs-games-hub-card { min-height: 365px; }
	.bs-games-hub-head { text-align: left; }
}