/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

* {
	font-family: 'Inter', sans-serif;
}

.mnfonc{
	cursor: pointer;
}

/* Gradient texte */
.gradient-text {
	background: linear-gradient(135deg, #7B6D98 0%, #6B7A95 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* Bouton principal */
.btn-primary {
	background: linear-gradient(135deg, #7B6D98 0%, #697390 100%);
	padding: 12px 28px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 16px;
	color: white;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(123, 109, 152, 0.4);
	background: linear-gradient(135deg, #6A5D88 0%, #5A6380 100%);
}

/* Bouton secondaire */
.btn-secondary {
	background: white;
	border: 2px solid #7B6D98;
	color: #7B6D98;
	padding: 12px 28px;
	border-radius: 8px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
}

.btn-secondary:hover {
	background: #7B6D98;
	color: white;
}

/* Input de formulaire */
.form-input {
	width: 100%;
	padding: 14px 16px;
	border: 2px solid #E5E7EB;
	border-radius: 8px;
	font-size: 15px;
	transition: all 0.3s ease;
}

.form-input:focus {
	outline: none;
	border-color: #7B6D98;
	box-shadow: 0 0 0 4px rgba(123, 109, 152, 0.1);
}

/* Cards génériques */
.card {
	background: white;
	border-radius: 16px;
	padding: 24px;
	border: 2px solid #E5E7EB;
	transition: all 0.3s ease;
}

.card:hover {
	border-color: #7B6D98;
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(123, 109, 152, 0.15);
}

/* Menu mobile */
#mobile-menu {
	display: none;
}

#mobile-menu.active {
	display: block;
}