*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Inter', sans-serif;
background:#ffffff;
color:#333;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

a{
text-decoration:none;
color:inherit;
}

/* HEADER */
/* HEADER */

.main-header{
background:white;
box-shadow:0 2px 10px rgba(0,0,0,0.08);
position:sticky;
top:0;
z-index:1000;
}

.nav-container{
display:flex;
align-items:center;
justify-content:space-between;
padding:15px 0;
}

.logo{
font-size:22px;
font-weight:700;
color:#2BB7A4;
}

























/* FOOTER */

.footer{
background:#1F2A44;
color:white;
padding:60px 0 20px;
margin-top:60px;
}

.footer-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:40px;
}

.footer h3{
margin-bottom:15px;
}

.footer ul{
list-style:none;
}

.footer ul li{
margin-bottom:10px;
}

.footer a{
color:#ccc;
}

.footer a:hover{
color:white;
}








/* Newsletter form in footer: input + button same height, red button */
.newsletter-form{
	display:flex;
	gap:8px;
	margin-top:10px;
	align-items:stretch;
}

.newsletter-input{
	flex:1;
	padding:10px 12px;
	border:1px solid #e6e6e6;
	border-radius:6px 0 0 6px;
	font-size:14px;
}

.newsletter-btn{
	padding:10px 16px;
	background:#c0392b; /* red */
	border:none;
	color:white;
	cursor:pointer;
	border-radius:0 6px 6px 0;
	font-weight:600;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transition:background .16s ease, transform .12s ease, box-shadow .16s ease;
}

.newsletter-btn:hover{
	background:#b2332a;
	transform:translateY(-2px);
	box-shadow:0 10px 24px rgba(192,57,43,0.12);
}

/* WIDGETS */
.widget-grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:24px;
	margin-top:24px;
}

.widget{
	background:white;
	padding:20px;
	border-radius:12px;
	border:1px solid rgba(31,42,68,0.06);
	box-shadow:0 12px 25px rgba(0,0,0,0.04);
	transition:transform .22s ease, box-shadow .22s ease, border-color .18s ease;
}

.widget:hover{
	transform:translateY(-6px);
	box-shadow:0 20px 40px rgba(31,42,68,0.12);
	border-color:rgba(43,183,164,0.18);
}

.widget-icon{
	width:64px;
	height:64px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:12px;
}

.widget h3{
	margin-bottom:8px;
	color:var(--text);
}

.widget p{
	color:#555;
	line-height:1.6;
}

@media (max-width:800px){
	.widget-grid{grid-template-columns:1fr}
}

.socials img{
width:28px;
margin-right:10px;
}

.copyright{
text-align:center;
margin-top:40px;
border-top:1px solid rgba(255,255,255,0.2);
padding-top:15px;
}

/* RESPONSIVE */



















/*+++++++++++++++++++++++ PAGE VERIFICATION +++++++++++++++++++++++*/





.verification-hero{

background:#F4F4F4;
padding:60px 0;
text-align:center;

}

.verification-hero h1{

color:#1F2A44;
margin-bottom:20px;

}

.verification-box{

padding:60px 0;

}

.verification-card{

background:white;
padding:40px;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);

}

.form-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;

}

.form-group label{

display:block;
margin-bottom:8px;
font-weight:500;

}

.form-group input{

width:100%;
padding:12px;
border:1px solid #ddd;
border-radius:6px;

}

.btn-verif{

margin-top:25px;
background:#1F2A44;
color:white;
padding:14px 24px;
border:none;
border-radius:6px;
cursor:pointer;

}

.result-section{

padding:60px 0;

}

.result-card{

background:white;
padding:40px;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);

}

.result-grid{

display:grid;
grid-template-columns:200px 1fr;
gap:40px;

}

.photo-box img{

width:180px;
border-radius:8px;

}

.info-box p{

margin-bottom:10px;

}

.status{

display:inline-block;
padding:10px 18px;
border-radius:6px;
margin-top:20px;
font-weight:600;

}

.valid{

background:#8FAF9A;
color:white;

}

.expire{

background:#cc3a3a;
color:white;

}

.ready{

background:#D4A017;
color:white;

}

.error-box{

background:white;
padding:40px;
text-align:center;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);

}





/*+++++++++++++++++++++++ HERO SECTION +++++++++++++++++++++++*/

.hero{
background:#F4F4F4;
padding:70px 0;
}

.hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

.hero-text h1{
font-size:36px;
color:#1F2A44;
margin-bottom:10px;
}

.hero-text h2{
font-size:24px;
color:#2BB7A4;
margin-bottom:15px;
}

.hero-text p{
line-height:1.7;
margin-bottom:20px;
color:#555;
}

.hero-image img{
width:100%;
border-radius:10px;
}

/* RESPONSIVE */

@media(max-width:900px){

.hero-grid{
grid-template-columns:1fr;
}

.hero-text{
order:1;
}

.hero-image{
order:2;
}

}


/*+++++++++++++++++++++++ PAGE VERIFICATION RESULT +++++++++++++++++++++++*/


.result-section{
padding:70px 0;
}

.result-card{

background:white;
padding:40px;
border-radius:10px;
box-shadow:0 15px 40px rgba(0,0,0,0.06);

}

.result-grid{

display:grid;
grid-template-columns:220px 1fr;
gap:40px;
align-items:flex-start;

}

.photo-box img{

width:200px;
border-radius:8px;
border:3px solid #eee;

}

.photo-placeholder{

width:200px;
height:240px;
background:#ddd;
border-radius:8px;

}

.info-box p{

margin-bottom:10px;
font-size:15px;

}

.status{

display:inline-block;
margin-top:20px;
padding:10px 18px;
border-radius:6px;
font-weight:600;

}

.valid{
background:#8FAF9A;
color:white;
}

.expire{
background:#d64545;
color:white;
}

.ready{
background:#D4A017;
color:white;
}

.renewal{
background:#1F2A44;
color:white;
}

.error-box{

background:white;
padding:50px;
text-align:center;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);

}

.btn-verif{

margin-top:20px;
display:inline-block;
padding:12px 20px;
background:#1F2A44;
color:white;
border-radius:6px;

}





.page-header{

background:#F4F4F4;
padding:60px 0;
text-align:center;

}

.content-section{

padding:70px 0;

}

.content-section h2{

color:#1F2A44;
margin-bottom:15px;
margin-top:30px;

}

.content-section p{

margin-bottom:15px;
line-height:1.7;

}

/* Styled paragraphs with colorful icons */
.content-section p{
	position:relative;
	padding:16px 18px 16px 72px;
	background:white;
	border-radius:10px;
	box-shadow:0 10px 24px rgba(31,42,68,0.04);
	transition:transform .18s ease, box-shadow .18s ease;
}

.content-section p::before{
	content:"";
	position:absolute;
	left:16px;
	top:50%;
	transform:translateY(-50%);
	width:44px;
	height:44px;
	border-radius:10px;
	display:block;
	background:linear-gradient(135deg,var(--accent),var(--gold));
	box-shadow:0 6px 18px rgba(31,42,68,0.08);
}

/* white SVG icon centered inside the colored block */
.content-section p::after{
	content:"";
	position:absolute;
	left:26px;
	top:50%;
	transform:translateY(-50%);
	width:24px;
	height:24px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23FFFFFF' d='M6 2h7l5 5v13a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z'/></svg>");
	background-size:contain;
	background-repeat:no-repeat;
}

.content-section p:hover{
	transform:translateY(-6px);
	box-shadow:0 20px 40px rgba(31,42,68,0.08);
}

/* color variations for visual interest */
.content-section p:nth-of-type(4n+1)::before{background:linear-gradient(135deg,#2BB7A4,#6FD6C6)}
.content-section p:nth-of-type(4n+2)::before{background:linear-gradient(135deg,#D4A017,#F1C85A)}
.content-section p:nth-of-type(4n+3)::before{background:linear-gradient(135deg,#6F5DA8,#9A84D6)}
.content-section p:nth-of-type(4n+4)::before{background:linear-gradient(135deg,#FF6B6B,#FF9A9A)}

@media (max-width:900px){
	.content-section p{padding-left:56px}
	.content-section p::before{left:12px}
	.content-section p::after{left:22px}
}

.contact-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:50px;

}

textarea{

width:100%;
padding:12px;
border:1px solid #ddd;
border-radius:6px;

}















.licence-card{

width:420px;
background:linear-gradient(135deg,#1F2A44,#3c4f7a);
color:white;
border-radius:12px;
padding:20px;
box-shadow:0 15px 40px rgba(0,0,0,0.2);

}

.licence-header{

font-size:20px;
font-weight:bold;
margin-bottom:15px;

}

.licence-body{

display:flex;
gap:20px;

}

.licence-photo img{

width:90px;
height:110px;
border-radius:6px;
object-fit:cover;

}

.licence-info p{

font-size:14px;
margin-bottom:6px;

}

.licence-status{

margin-top:15px;
padding:8px;
border-radius:6px;
text-align:center;
font-weight:bold;

}

.valide{
background:#8FAF9A;
}

.expire{
background:#c0392b;
}

.pret{
background:#D4A017;
}

.renouvellement{
background:#f39c12;
}


/* EOF */