:root {
	--rfzj_color_bg: #f5f5f7;
	--rfzj_color_panel: #ffffff;
	--rfzj_color_text: #1d1d1f;
	--rfzj_color_muted: #6e6e73;
	--rfzj_color_subtle: #86868b;
	--rfzj_color_border: rgba(0, 0, 0, .08);
	--rfzj_color_blue: #0071e3;
	--rfzj_color_blue_soft: #e8f2ff;
	--rfzj_radius_lg: 22px;
	--rfzj_radius_md: 16px;
	--rfzj_shadow_card: 0 18px 40px rgba(0, 0, 0, .08);
	--rfzj_transition: 180ms ease;
}

.rfzj_page {
	min-height: 100vh;
	margin: 0;
	background: var(--rfzj_color_bg);
	color: var(--rfzj_color_text);
	font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}

.rfzj_page *,
.rfzj_page *::before,
.rfzj_page *::after {
	box-sizing: border-box;
}

.rfzj_container {
	width: min(1120px, calc(100% - 32px));
	margin: 0 auto;
}

.rfzj_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	text-decoration: none;
	cursor: pointer;
	transition: color var(--rfzj_transition), background var(--rfzj_transition), transform var(--rfzj_transition);
}

.rfzj_button--pill {
	min-width: 74px;
	height: 34px;
	padding: 0 18px;
	border-radius: 999px;
	background: #f2f2f7;
	color: var(--rfzj_color_blue);
	font-size: 16px;
	font-weight: 800;
	line-height: 34px;
	white-space: nowrap;
}

.rfzj_button--pill:hover,
.rfzj_button--pill:focus {
	background: #e9e9ef;
	color: var(--rfzj_color_blue);
	text-decoration: none;
}