:root{
	--blue:#0B4FA3;
	--blue2:#0878E8;
	--navy:#073B78;
	--orange:#EF9924;
	--bg:#F5F9FE;
	--text:#173B63;
	--muted:#6B8199;
	--border:#DCE8F5;
	--shadow:0 8px 28px rgba(11,79,163,.12)
}
*{box-sizing:border-box;margin:0;padding:0}

body{
	font-family:Arial,Helvetica,sans-serif;
	color:var(--text);background:var(--bg);
	line-height:1.5
}
a{text-decoration:none;color:inherit}
button{
	font:inherit;
	cursor:pointer;
	border:0
}
.header{
	background:#fff;
	border-bottom:1px solid var(--border);
	position:sticky;
	top:0;
	z-index:1000
}
.header-inner{
	width:min(1120px,92%);
	min-height:72px;
	margin:auto;
	display:flex;
	align-items:center
}
.logo{
	display:flex;
	align-items:center;
	gap:10px;
	color:var(--blue);
	font-weight:800;
	font-size:24px
}
.logo-mark{
	width:43px;
	height:50px;
	border-radius:50% 50% 50% 8px;
	transform:rotate(-45deg);
	background:var(--blue);
	display:grid;
	place-items:center
}
.logo-mark span{
	transform:rotate(45deg);
	color:#fff;
	font-size:21px
}
.logo small{
	display:block;
	font-size:8px;
	letter-spacing:2px;
	text-align:center
}
.profile{
	width:min(760px,94%);
	margin:28px auto 50px
}
.profile-card{
	background:#fff;
	border:1px solid var(--border);
	border-radius:24px;
	box-shadow:var(--shadow);
	padding:28px;
	text-align:center
}
.avatar-wrap{
	position:relative;
	width:145px;
	margin:0 auto 15px
}
.avatar{
	width:145px;
	height:145px;
	border-radius:50%;
	background:#fff;
	border:4px solid #DCEBFA;
	display:grid;
	place-items:center;
	overflow:hidden;
	box-shadow:0 5px 18px rgba(11,79,163,.1)
}
.avatar img{
	width:100%;
	height:100%;
	object-fit:cover
}
.camera{
	position:absolute;
	right:0;
	bottom:4px;
	width:38px;
	height:38px;
	border:4px solid #fff;
	border-radius:50%;
	background:var(--blue2);
	color:#fff
}
.profile h1{
	color:var(--navy);
	font-size:32px;
	margin-bottom:8px
}
.verified{
	display:inline-flex;
	gap:7px;
	padding:7px 14px;
	border-radius:30px;
	background:#EAF4FF;
	color:var(--blue2);
	font-weight:700;
	font-size:13px;
	margin-bottom:12px
}
.description{
	max-width:580px;
	margin:0 auto 20px;
	color:#46617D;
	font-size:15px
}
.social-row{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
	margin-bottom:18px
}
.social-btn{
	border-radius:12px;
	padding:12px 18px;
	color:#fff;
	font-weight:800;
	min-width:145px
}
.like{
	background:var(--orange)
}
.opinion{
	background:var(--blue2)
}
.like-text{
	font-size:14px;
	color:var(--navy);
	font-weight:700;
	padding:8px}
	.stats,.cv-row{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:12px
	}
	.stats{
		margin:10px 0 14px
	}
	.stat{
		min-height:26px;
		padding:8px;
		border:1px solid #CFE2F7;
		background:#F8FBFF;
		border-radius:3px;
		/*display:flex; **/
		align-items:center;
		justify-content:center;
		gap:10px;
		color:var(--blue);
		font-weight:200}
		.number{
			min-width:8px;
			height:10px;
			padding:0 2px;
			border-radius:2px;
			display:grid;
			place-items:center;
			background:var(--navy);
			color:#fff;
			font-size:8px
		}
		.cv-row{
			margin-bottom:14px
		}
		.action{
			min-height:35px;
			background:#fff;
			border:2px solid var(--blue2);
			border-radius:5px;
			/*display:flex;
			align-items:center;
			justify-content:center;
			*/
			
			
			gap:5px;
			color:var(--blue);
			font-weight:500;
			font-size:12px
		}
		.action-icon{
			font-size:25px
		}
		.jobs{
			width:100%;
			min-height:5px;
			border-radius:5px;
			background:linear-gradient(135deg,var(--blue),var(--blue2));
			color:#fff;
			display:flex;
			align-items:center;
			justify-content:center;
			gap:13px;
			font-weight:300;
			font-size:15px;
			box-shadow:0 25px 45px rgba(8,120,232,.22);
			margin-bottom:15px
		}
		.jobs .number{
			background:#fff;
			color:var(--blue);
		}
		.options{
			display:grid;
			grid-template-columns:1fr 1fr 1fr auto;
			gap:5px;
		}
		.option{
			min-height:30px;
			border:1px solid #CFE2F7;
			border-radius:13px;
			background:#fff;
			color:var(--blue);
			font-weight:600;
			display:flex;
			align-items:center;
			justify-content:center;
			gap:10px;
			padding:2px 3px;
		}
		.edit{
			width:64px;
			border-radius:13px;
			background:var(--orange);
			color:#fff;
			font-size:24px
		}
		@media(max-width:600px){
			body{
				padding-bottom:18px
			}
			.header-inner{
				min-height:62px
			}
			.logo{
				font-size:20px
			}
			.logo-mark{
				width:37px;
				height:43px
			}
			.profile{
				width:94%;
				margin-top:14px
			}
			.profile-card{
				padding:22px 14px 18px;
				border-radius:20px
			}
			.avatar,.avatar-wrap{
				width:115px;
				height:115px
			}
			.profile h1{
				font-size:25px
			}
			.description{
				font-size:14px
			}
			.social-row{
				gap:7px
			}
			.social-btn{
				min-width:0;
				padding:10px 13px;
				font-size:13px
			}
			.like-text{
				font-size:13px;
				padding:5px
			}
			.stats,.cv-row{gap:8px}
			.stat{
				min-height:64px;
				padding:9px 5px;
				font-size:13px;
			}
			.number{
				min-width:20px;
				height:20px;
				font-size:15px
			}
			.action{
				min-height:32px;
				font-size:14px
			}
			.jobs{
				min-height:32px;
				font-size:15px
			}
			.options{
				grid-template-columns:1fr 1fr 58px;
				gap:7px
			}
			.option{
				min-height:50px;
				font-size:12px;
				padding:6px
			}
			.edit{width:58px}
		}
		@media(max-width:380px){
			.profile-card{
				padding-left:10px;
				padding-right:10px
			}
			.stats{grid-template-columns:1fr}
			.stat{min-height:56px}
		}