:root{
	--page-bg:#ededed;
	--text:#757575;
	--text-hover:#000000;
	--card-bg:rgba(255,255,255,0.78);
	--card-border:rgba(0,0,0,0.06);
	--shadow:0 14px 40px rgba(0,0,0,0.10);
	--radius:18px;
}

*{
	box-sizing:border-box;
}

html,
body{
	min-height:100%;
}

body.page-page{
	background-color:var(--page-bg);
	font-family:"Roboto", Arial, Helvetica, sans-serif;
	color:var(--text);
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
}

body.page-page a{
	color:var(--text);
	text-decoration:none;
	transition:color 0.3s ease;
}

body.page-page a:hover{
	color:var(--text-hover);
	text-decoration:none;
}

.font-mgos {
	font-size: 16px;
	font-weight: 300;
}

.page-wrap{
	background:var(--card-bg);
	border:1px solid var(--card-border);
	border-radius:var(--radius);
	box-shadow:var(--shadow);
	padding:26px 20px;
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(6px);
}

.page-wrap{
	background:var(--card-bg);
	border:1px solid var(--card-border);
	border-radius:var(--radius);
	box-shadow:var(--shadow);
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(6px);

	width:100%;
	max-width:520px;
	min-height:520px;

	padding:40px 30px;

	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.page-footer-note{
	font-size:12px;
	color:rgba(43,43,43,0.55);
}