<head>
<meta charset= »UTF-8″>
<meta name= »viewport » content= »width=device-width, initial-scale=1.0″>
<title>Besson Impulse | Formation • Business Development • Conseil • Branding</title>
<script src= »https://cdn.tailwindcss.com »></script>
<link rel= »preconnect » href= »https://fonts.googleapis.com »>
<link rel= »preconnect » href= »https://fonts.gstatic.com » crossorigin>
<link href= »https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Cinzel:wght@600;700;800&display=swap » rel= »stylesheet »>
<script>
tailwind.config = {
darkMode: ‘class’,
theme: {
extend: {
colors: {
brand: {
dark: ‘#0B0F17’,
card: ‘#121824’,
surface: ‘#1A2332’,
gold: ‘#D4AF37’,
goldLight: ‘#F3E5AB’,
copper: ‘#C87D55’,
bronze: ‘#A66A38’,
border: ‘#273449’
}
},
fontFamily: {
sans: [‘ »Plus Jakarta Sans »‘, ‘sans-serif’],
serif: [‘ »Cinzel »‘, ‘serif’]
}
}
}
}
</script>
<style>
.text-gradient-gold {
background: linear-gradient(135deg, #F9E79F 0%, #D4AF37 50%, #C87D55 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.bg-gradient-gold {
background: linear-gradient(135deg, #DFB75A 0%, #D4AF37 40%, #B86B3E 100%);
}
.border-gold-glow {
border: 1px solid rgba(212, 175, 55, 0.28);
box-shadow: 0 0 25px rgba(200, 125, 85, 0.12);
}
.border-gold-glow:hover {
border-color: rgba(212, 175, 55, 0.6);
box-shadow: 0 0 35px rgba(212, 175, 55, 0.22);
}
.glass-panel {
background: rgba(18, 24, 36, 0.75);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
.glow-sphere {
background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, rgba(200, 125, 85, 0.05) 50%, transparent 75%);
}
</style>
</head>