* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Montserrat’, sans-serif;
background: linear-gradient(135deg, #fce4f3 0%, #f8d1e8 100%);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.container {
text-align: center;
max-width: 600px;
background: white;
padding: 60px 40px;
border-radius: 15px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.logo {
font-size: 48px;
margin-bottom: 20px;
}
h1 {
font-family: ‘Fredoka’, sans-serif;
color: #be007b;
font-size: 42px;
margin-bottom: 15px;
font-weight: 700;
}
.subtitle {
color: #be007b;
font-size: 18px;
margin-bottom: 40px;
font-weight: 500;
}
.description {
color: #666;
font-size: 16px;
line-height: 1.6;
margin-bottom: 40px;
}
.cta-button {
display: inline-block;
background: white;
padding: 16px 40px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
font-size: 16px;
transition: transform 0.3s, box-shadow 0.3s;
border: none;
cursor: pointer;
box-shadow: 0 5px 15px rgba(190, 0, 123, 0.3);
}
.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(190, 0, 123, 0.4);
}
.icon {
font-size: 80px;
margin-bottom: 30px;
opacity: 0.8;
}
.logo-img {
width: 120px;
height: 120px;
margin-bottom: 30px;
display: block;
margin-left: auto;
margin-right: auto;
}
RelaxScent
Reviens bientôt
Quelque chose de spécial arrive. En attends, découvre notre univers.
