*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Segoe UI',sans-serif;
}

body{
	background:#ffffff;
	color:#222;
	line-height:1.7;
}

/* HEADER */
header{
	background:#003366;   /* DARK BLUE */
	padding:15px 30px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.brand{
	display:flex;
	align-items:center;
	gap:8px;
}

.brand img{
	height:18px;  /* VERY SMALL LOGO */
}

.brand span{
	color:white;
	font-size:20px;
	font-weight:600;
	line-height:18px; /* Align perfectly with small logo */
}

/* NAV */
nav a{
	color:white;
	text-decoration:none;
	margin-left:20px;
	font-weight:500;
	font-size:15px;
}

nav a:hover{
	opacity:0.8;
}

/* HERO */
.hero{
	background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
	url('https://edcom.eu/wp-content/uploads/2021/09/istockphoto-1066991874-612x612-1.jpeg');
	background-size:cover;
	background-position:center;
	height:90vh;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	padding:20px;
	color:white;
}

.hero-content{
	max-width:750px;
}

.hero h1{
	font-size:34px;
	margin-bottom:20px;
	color:white;
}

/* BUTTON */
.btn{
	display:inline-block;
	padding:12px 28px;
	background:#003366;  /* DARK BLUE BUTTON */
	color:white;
	text-decoration:none;
	border-radius:5px;
	margin-top:20px;
	transition:0.3s;
}

.btn:hover{
	background:#001f4d;  /* EVEN DARKER BLUE ON HOVER */
}

/* SECTIONS */
section{
	padding:70px 20px;
	max-width:1100px;
	margin:auto;
	color:#222; /* Professional readable text */
}

.section-title{
	text-align:center;
	color:#003366;  /* DARK BLUE SECTION TITLE */
	font-size:28px;
	margin-bottom:40px;
}

.card{
	background:#f5f9ff;
	padding:25px;
	border-radius:8px;
	margin-bottom:25px;
	color:#222;
}

/* FOOTER */
footer{
	background:#f0f0f0;  /* LIGHT GREY FOOTER */
	color:#222;
	text-align:center;
	padding:25px;
	border-top:1px solid #ccc;
}

.footer-brand{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:8px;
	margin-bottom:10px;
}

.footer-brand img{
	height:18px;  /* SMALL FOOTER LOGO */
}

.footer-brand span{
	font-weight:600;
	color:#222;
	font-size:16px;
}

/* WHATSAPP */
.whatsapp{
	position:fixed;
	bottom:20px;
	right:20px;
	background:#25D366;
	width:55px;
	height:55px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:white;
	font-size:26px;
	text-decoration:none;
}

/* MOBILE */
@media(max-width:768px){
	.hero h1{font-size:22px;}
	nav a{display:block;margin:10px 0;}
	header{flex-direction:column;align-items:flex-start;}
	.brand span{margin-left:0;}
}