body {
	font-family: 'Inter', Arial, sans-serif;
	margin:0;
	background:#f5f7fb;
	color:#333;
}

header {
	background:
	linear-gradient(135deg, #ffffff22 0%, transparent 40%),
	linear-gradient(135deg, #d40000 0%, #b30000 50%, #7a0000 100%);
	color:white;
	text-align:center;
	padding:40px 30px;
}

header h1 {
	margin:0;
	font-size:32px;
	text-shadow:0 2px 6px rgba(0,0,0,0.55);
}

header h2 {
	margin:5px 0 15px 0;
	font-weight:normal;
}

.lang button {
	margin:5px;
	margin-top:25px;
	min-width:100px;
	padding:6px 12px;
	border:none;
	background:white;
	color:#b30000;
	cursor:pointer;
	font-weight:bold;
}

.lang :hover {
	color :white;
	background:#860000;
}

.role {
	display:inline-block;
	background:#b30000;
	color:white;
	padding:4px 10px;
	margin-top:4px;
	font-size:13px;
	font-weight:bold;
	border-radius:7px;
	letter-spacing:0.3px;
}

section {
	max-width:900px;
	margin:40px auto;
	padding:30px;
	background:white;
	border-radius:16px;
	box-shadow:0 8px 20px rgba(0,0,0,0.06);
}

.info {
	text-align:left;
}

.info img {
	width: 90px;
}

.info:hover img {
	transform:scale(1.35);
	//box-shadow:0 10px 22px rgba(0,0,0,0.20);
}

.candidates h3 {
	border-bottom:3px solid #b30000;
	padding-bottom:5px;
}

.candidate {
	display:flex;
	gap:20px;
	margin-top:25px;
	padding:20px;
	border-radius:10px;
	border-bottom:1px solid #eee;
	transition:all 0.2s ease;
  	text-align:justify;  
  	text-justify:inter-word;
}

.candidate:hover {
	background:#f5f7fb;
//	background:#f8f7f6;
//	transform:translateY(-2px);
}

.candidate img {
	min-width:120px;
	max-height:120px;
	object-fit:cover;
	border-radius:16px;
	box-shadow:0 6px 14px rgba(0,0,0,0.55);
	transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.candidate:hover img {
	transform:scale(1.05);
	box-shadow:0 10px 22px rgba(0,0,0,0.20);
}

.candidate h4 {
	margin:0;
	font-size:1.2em;
	color:#555;
}


.candidate:hover .role {
	transform:scale(1.35);
	box-shadow:0 10px 22px rgba(0,0,0,0.20);
}

.bio {
	margin-top:10px;
	color:#555;
}

.map {
	text-align:center;
}

footer {
	background:#eee;
	text-align:center;
	padding:20px;
	margin-top:40px;
}

.disclaimer {
	max-width:900px;
	margin:20px auto;
	padding:30px;
	font-size:13px;
	color:#777;
	text-align:left;
	line-height:1.5;
}

.disclaimer a {
	color :#777;
	text-decoration: none;
}
.disclaimer a:hover {
	text-decoration: underline;
}