@font-face { font-family: 'Anton'; src: url(data:font/woff2;base64,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) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
:root {
--bg-primary: #0E0A10;
--bg-secondary: #17111A;
--bg-tertiary: #221826;
--accent: #FF3D8B;
--accent-dark: #B8125A;
--gold: #FF8FC0;
--gold-soft: #FFD1E5;
--accent-glow: rgba(255, 61, 139, 0.45);
--gold-glow: rgba(255, 143, 192, 0.5);
--text-primary: #F8EEF4;
--text-secondary: #BBA8B6;
--border: #33263A;
--font-title: 'Anton', Impact, 'Arial Narrow', sans-serif;
--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--radius: 10px;
--radius-lg: 16px;
--transition: 0.3s ease;
--max-width: 1200px;
color-scheme: dark;
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
font-family: var(--font-body);
background-color: var(--bg-primary);
color: var(--text-primary);
line-height: 1.6;
font-size: 16px;
overflow-x: hidden;
padding-bottom: 130px;
}
@media (max-width: 600px) {
body {
padding-bottom: 115px;
}
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: var(--accent);
text-decoration: none;
transition: color var(--transition);
}
a:hover {
color: var(--accent-dark);
}
ul,
ol {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-title);
font-weight: 700;
line-height: 1.2;
color: var(--text-primary);
}
h1 {
font-size: clamp(2rem, 5vw, 3.75rem);
letter-spacing: -0.5px;
}
h2 {
font-size: clamp(1.75rem, 4vw, 2.75rem);
margin-bottom: 1rem;
}
h3 {
font-size: clamp(1.25rem, 2.5vw, 1.5rem);
margin-bottom: 0.75rem;
}
p {
color: var(--text-secondary);
margin-bottom: 1rem;
}
.container {
width: 100%;
max-width: var(--max-width);
margin: 0 auto;
padding: 0 1.25rem;
}
section {
padding: 4rem 0;
position: relative;
}
section.alt {
background-color: var(--bg-tertiary);
}
.section-title {
text-align: center;
margin-bottom: 0.75rem;
}
.section-subtitle {
text-align: center;
color: var(--text-secondary);
margin-bottom: 3rem;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.btn {
display: inline-block;
padding: 0.95rem 2rem;
font-family: var(--font-body);
font-weight: 600;
font-size: 1rem;
border: 2px solid transparent;
border-radius: var(--radius);
cursor: pointer;
text-align: center;
transition: all var(--transition);
letter-spacing: 0.3px;
}
.btn-primary {
background: linear-gradient(135deg, #27a05a 0%, #3ed48c 100%);
color: #fff;
box-shadow: 0 0 25px rgba(39, 160, 90, 0.45), 0 4px 15px rgba(39, 160, 90, 0.25);
animation: pulse-glow 2.5s ease-in-out infinite;
}
.btn-primary:hover {
transform: translateY(-2px) scale(1.02);
box-shadow: 0 0 40px rgba(39, 160, 90, 0.45), 0 6px 20px rgba(39, 160, 90, 0.35);
color: #fff;
}
.btn-gold {
background: linear-gradient(135deg, var(--gold) 0%, var(--gold-soft) 100%);
color: #fff;
box-shadow: 0 0 22px var(--gold-glow), 0 4px 14px rgba(107, 16, 34, 0.25);
}
.btn-gold:hover {
transform: translateY(-2px) scale(1.02);
box-shadow: 0 0 38px var(--gold-glow), 0 6px 20px rgba(107, 16, 34, 0.35);
color: #fff;
}
.btn-outline {
background: transparent;
color: var(--accent);
border-color: var(--accent);
}
.btn-outline:hover {
background: var(--accent);
color: #fff;
box-shadow: 0 0 20px var(--accent-glow);
}
.btn-large {
padding: 1.15rem 2.5rem;
font-size: 1.125rem;
line-height: 1.3;
max-width: 100%;
word-wrap: break-word;
}
@media (max-width: 600px) {
.btn {
line-height: 1.25;
word-wrap: break-word;
}
.btn-large {
padding: 0.95rem 1.4rem;
font-size: 1rem;
}
}
.btn-signup {
display: inline-flex !important;
align-items: center;
gap: 0.35rem;
}
.btn-signup-icon {
font-size: 1rem;
animation: hero-icon-pulse 1.4s ease-in-out infinite;
filter: drop-shadow(0 0 6px rgba(255, 61, 139, 0.7));
}
@media (max-width: 600px) {
.btn-signup {
gap: 0.3rem;
}
.btn-signup-icon {
font-size: 1.05rem;
}
}
@keyframes pulse-glow {
0%, 100% { box-shadow: 0 0 25px rgba(39, 160, 90, 0.45), 0 4px 15px rgba(39, 160, 90, 0.25); }
50% { box-shadow: 0 0 45px rgba(39, 160, 90, 0.5), 0 6px 20px rgba(39, 160, 90, 0.35); }
}
.btn-hero {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.7rem;
padding: 1.25rem 2.6rem;
font-size: 1.15rem;
font-weight: 800;
letter-spacing: 0.5px;
text-transform: uppercase;
border-radius: 60px;
background:
linear-gradient(135deg, #27a05a 0%, #2fbf74 50%, #3ed48c 100%);
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.4);
box-shadow:
0 0 30px rgba(39, 160, 90, 0.45),
0 8px 25px rgba(39, 160, 90, 0.35),
inset 0 1px 0 rgba(255, 255, 255, 0.5);
overflow: hidden;
isolation: isolate;
animation: pulse-glow 2.5s ease-in-out infinite;
}
.btn-hero::before {
content: "";
position: absolute;
top: 0;
left: -130%;
width: 60%;
height: 100%;
background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.55) 50%, transparent 100%);
transform: skewX(-20deg);
animation: hero-shine 3.5s ease-in-out infinite;
pointer-events: none;
z-index: 1;
}
.btn-hero-icon,
.btn-hero-text,
.btn-hero-arrow {
position: relative;
z-index: 2;
}
.btn-hero-icon {
font-size: 1.3rem;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
animation: hero-icon-pulse 1.6s ease-in-out infinite;
}
.btn-hero-arrow {
font-size: 1.3rem;
font-weight: 900;
transition: transform 0.25s ease;
}
.btn-hero:hover {
transform: translateY(-3px) scale(1.03);
color: #fff;
box-shadow:
0 0 50px rgba(39, 160, 90, 0.5),
0 14px 35px rgba(39, 160, 90, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
.btn-hero:hover .btn-hero-arrow {
transform: translateX(6px);
}
@keyframes hero-shine {
0% { left: -130%; }
55% { left: 150%; }
100% { left: 150%; }
}
@keyframes hero-icon-pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.15); }
}
.btn-hero-text {
white-space: nowrap;
}
@media (max-width: 600px) {
.btn-hero {
padding: 0.9rem 1.3rem;
font-size: 0.85rem;
gap: 0.45rem;
letter-spacing: 0;
text-transform: none;
max-width: calc(100% - 1rem);
}
.btn-hero-icon,
.btn-hero-arrow {
font-size: 1rem;
}
}
@media (max-width: 380px) {
.btn-hero {
padding: 0.85rem 1rem;
font-size: 0.8rem;
gap: 0.35rem;
}
.btn-hero-arrow {
display: none;
}
}
.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 1rem 0;
background: rgba(14, 10, 16, 0.7);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-bottom: 1px solid transparent;
transition: all var(--transition);
}
.site-header.scrolled {
background: rgba(14, 10, 16, 0.92);
border-bottom-color: var(--border);
box-shadow: 0 4px 20px rgba(255, 61, 139, 0.12);
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.logo {
display: flex;
align-items: center;
gap: 0.6rem;
text-decoration: none;
font-family: var(--font-title);
font-size: 1.4rem;
font-weight: 700;
color: var(--text-primary);
letter-spacing: 0.5px;
}
.logo:hover {
color: var(--text-primary);
}
.logo-img {
width: 88px;
height: 88px;
border-radius: 50%;
display: block;
flex-shrink: 0;
object-fit: contain;
background: transparent;
padding: 4px;
box-shadow: 0 0 24px var(--accent-glow);
transition: transform var(--transition), box-shadow var(--transition);
}
.logo:hover .logo-img {
transform: scale(1.05);
box-shadow: 0 0 22px var(--gold-glow);
}
.footer-brand .logo-img {
width: 38px;
height: 38px;
}
.header-actions {
display: flex;
align-items: center;
gap: 0.75rem;
}
.header-actions .btn {
padding: 0.6rem 1.2rem;
font-size: 0.9rem;
}
.btn-login {
display: none;
}
@media (min-width: 768px) {
.btn-login {
display: inline-block;
}
}
.hero {
min-height: 100vh;
display: flex;
align-items: center;
padding: 7rem 1.25rem 4rem;
position: relative;
overflow: hidden;
background:
radial-gradient(ellipse at top, rgba(240, 128, 140, 0.45) 0%, transparent 60%),
radial-gradient(ellipse at bottom, rgba(255, 143, 192, 0.35) 0%, transparent 60%),
var(--bg-primary);
}
@media (max-width: 767px) {
.hero {
padding-top: 11rem;
}
}
.hero::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(14, 10, 16, 0.55), rgba(14, 10, 16, 0.4));
background-size: cover;
background-position: center;
opacity: 0.6;
z-index: 0;
}
.hero-grid {
width: 100%;
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
align-items: center;
position: relative;
z-index: 1;
}
@media (min-width: 1024px) {
.hero-grid {
grid-template-columns: 1.15fr 1fr;
gap: 3.5rem;
}
}
.hero-content {
text-align: center;
}
@media (min-width: 1024px) {
.hero-content {
text-align: left;
}
}
.hero h1 {
margin-bottom: 1.25rem;
background: linear-gradient(135deg, var(--accent-dark) 0%, var(--accent) 50%, var(--gold) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero-subtitle {
font-size: clamp(1rem, 2vw, 1.25rem);
color: var(--text-primary);
margin-bottom: 2.5rem;
}
@media (max-width: 1023px) {
.hero-subtitle {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
}
.hero-mention {
margin-top: 1.25rem;
color: var(--text-secondary);
font-size: 0.9rem;
letter-spacing: 0.5px;
}
.hero-image {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.hero-image::before {
content: "";
position: absolute;
width: 380px;
height: 380px;
max-width: 100%;
border-radius: 50%;
background: radial-gradient(circle, rgba(240, 128, 140, 0.4) 0%, transparent 65%);
filter: blur(20px);
z-index: 0;
}
.hero-image img {
position: relative;
z-index: 1;
max-width: 290px;
width: 100%;
height: auto;
border-radius: 28px;
box-shadow:
0 0 60px rgba(255, 61, 139, 0.35),
0 25px 60px rgba(184, 18, 90, 0.3);
transform: rotate(-3deg);
transition: transform 0.6s ease, box-shadow 0.6s ease;
}
.hero-image img:hover {
transform: rotate(0deg) scale(1.04);
box-shadow:
0 0 80px rgba(255, 143, 192, 0.45),
0 30px 70px rgba(184, 18, 90, 0.4);
}
@media (min-width: 1024px) {
.hero-image img {
max-width: 320px;
}
}
.profiles-showcase {
padding: 2.5rem 1.25rem;
background: var(--bg-primary);
}
.showcase-image {
display: block;
width: 100%;
max-width: 420px;
margin: 0 auto;
border-radius: var(--radius-lg);
overflow: hidden;
border: 1px solid var(--border);
box-shadow:
0 0 50px rgba(255, 61, 139, 0.18),
0 20px 50px rgba(184, 18, 90, 0.18);
position: relative;
transition: transform var(--transition), box-shadow var(--transition);
}
.showcase-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 60%, rgba(14, 10, 16, 0.35) 100%);
pointer-events: none;
}
.showcase-image:hover {
transform: translateY(-4px);
box-shadow:
0 0 70px rgba(255, 143, 192, 0.35),
0 25px 60px rgba(184, 18, 90, 0.25);
}
.showcase-image img {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 600px) {
.showcase-image {
max-width: 100%;
}
}
.stats {
background: var(--bg-secondary);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
padding: 2.5rem 0;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
text-align: center;
}
@media (min-width: 768px) {
.stats-grid {
grid-template-columns: repeat(4, 1fr);
}
}
.stat-item {
padding: 0.5rem;
}
.stat-number {
font-family: var(--font-title);
font-size: clamp(1.75rem, 4vw, 2.75rem);
font-weight: 700;
color: var(--accent);
line-height: 1;
margin-bottom: 0.5rem;
text-shadow: 0 0 20px var(--accent-glow);
}
.stat-label {
font-size: 0.9rem;
color: var(--text-secondary);
text-transform: uppercase;
letter-spacing: 1px;
}
.grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
@media (min-width: 768px) {
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(2, 1fr); }
.grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
}
.card {
background: var(--bg-secondary);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 1.75rem;
transition: all var(--transition);
position: relative;
overflow: hidden;
}
.card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent, var(--accent), var(--gold), transparent);
opacity: 0;
transition: opacity var(--transition);
}
.card:hover {
border-color: var(--accent);
transform: translateY(-4px);
box-shadow: 0 10px 30px rgba(255, 61, 139, 0.15), 0 0 20px var(--accent-glow);
}
.card:hover::before {
opacity: 1;
}
.card-icon {
font-size: 2rem;
margin-bottom: 1rem;
display: inline-block;
}
.card h3 {
margin-bottom: 0.5rem;
color: var(--text-primary);
}
.card-percent {
display: inline-block;
margin-left: 0.5rem;
font-size: 0.85rem;
color: var(--accent);
font-weight: 700;
font-family: var(--font-body);
}
.card p {
font-size: 0.95rem;
margin-bottom: 0;
}
.profiles-cta,
.section-cta {
text-align: center;
margin-top: 2.5rem;
}
.pricing-table-wrap {
overflow-x: auto;
border-radius: var(--radius-lg);
border: 1px solid var(--border);
margin-bottom: 1.5rem;
}
.pricing-table {
width: 100%;
border-collapse: collapse;
background: var(--bg-secondary);
}
.pricing-table th,
.pricing-table td {
padding: 1.1rem 1.25rem;
text-align: left;
border-bottom: 1px solid var(--border);
}
.pricing-table th {
background: var(--bg-tertiary);
color: var(--accent);
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 1px;
font-weight: 700;
}
.pricing-table tbody tr:last-child td {
border-bottom: none;
}
.pricing-table tbody tr:hover {
background: rgba(255, 61, 139, 0.06);
}
.pricing-table .price {
color: var(--accent);
font-weight: 700;
font-size: 1.05rem;
white-space: nowrap;
}
.pricing-mention {
text-align: center;
font-size: 0.9rem;
color: var(--text-secondary);
margin-bottom: 2rem;
}
.testimonial {
background: var(--bg-secondary);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 1.75rem;
position: relative;
transition: all var(--transition);
}
.testimonial:hover {
border-color: var(--gold);
transform: translateY(-4px);
box-shadow: 0 10px 30px rgba(255, 61, 139, 0.12);
}
.testimonial::before {
content: "“";
position: absolute;
top: -10px;
left: 15px;
font-family: var(--font-title);
font-size: 5rem;
color: var(--accent);
opacity: 0.3;
line-height: 1;
}
.testimonial-stars {
color: #FFD700;
font-size: 1.05rem;
margin-bottom: 0.75rem;
letter-spacing: 2px;
}
.testimonial-text {
font-style: italic;
color: var(--text-primary);
margin-bottom: 1rem;
position: relative;
z-index: 1;
}
.testimonial-author {
font-weight: 600;
color: var(--accent);
font-size: 0.95rem;
border-top: 1px solid var(--border);
padding-top: 0.75rem;
}
.testimonial-author span {
display: block;
color: var(--text-secondary);
font-weight: 400;
font-size: 0.85rem;
margin-top: 0.2rem;
}
@media (max-width: 767px) {
.testimonials-grid {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: visible;
scroll-snap-type: x mandatory;
gap: 1rem;
margin: 0 -1.25rem;
padding: 0.5rem 1.25rem 1.25rem;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
scroll-padding-left: 1.25rem;
}
.testimonials-grid::-webkit-scrollbar {
display: none;
}
.testimonials-grid .testimonial {
flex: 0 0 86%;
max-width: 86%;
scroll-snap-align: start;
scroll-snap-stop: always;
}
.testimonials-grid .testimonial:hover {
transform: none;
}
.testimonials-hint {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
margin-top: 0.5rem;
font-size: 0.78rem;
color: #4A1F28;
letter-spacing: 0.5px;
animation: hint-slide 2.4s ease-in-out infinite;
}
.testimonials-hint::before {
content: "←";
color: var(--accent);
}
.testimonials-hint::after {
content: "→";
color: var(--accent);
}
@keyframes hint-slide {
0%, 100% { opacity: 0.85; }
50% { opacity: 1; }
}
}
@media (min-width: 768px) {
.testimonials-hint {
display: none;
}
}
.steps {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
counter-reset: step;
}
@media (min-width: 768px) {
.steps {
grid-template-columns: repeat(5, 1fr);
}
}
.step {
background: var(--bg-secondary);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 1.75rem 1.25rem;
text-align: center;
position: relative;
transition: all var(--transition);
}
.step:hover {
border-color: var(--accent);
transform: translateY(-4px);
}
.step-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
background: linear-gradient(135deg, var(--accent), var(--gold));
color: #fff;
font-family: var(--font-title);
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1rem;
box-shadow: 0 0 15px var(--accent-glow);
}
.step h3 {
font-size: 1.05rem;
margin-bottom: 0.5rem;
}
.step p {
font-size: 0.875rem;
margin-bottom: 0;
}
.faq {
max-width: 800px;
margin: 0 auto;
}
.faq-item {
background: var(--bg-secondary);
border: 1px solid var(--border);
border-radius: var(--radius);
margin-bottom: 0.75rem;
overflow: hidden;
transition: all var(--transition);
}
.faq-item.active {
border-color: var(--accent);
box-shadow: 0 0 20px rgba(255, 61, 139, 0.15);
}
.faq-question {
width: 100%;
background: none;
border: none;
color: var(--text-primary);
font-family: var(--font-body);
font-size: 1rem;
font-weight: 600;
padding: 1.1rem 1.25rem;
text-align: left;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
transition: color var(--transition);
}
.faq-question:hover {
color: var(--accent);
}
.faq-icon {
font-size: 1.5rem;
color: var(--accent);
transition: transform var(--transition);
flex-shrink: 0;
}
.faq-item.active .faq-icon {
transform: rotate(45deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
.faq-answer-inner {
padding: 0 1.25rem 1.25rem;
color: var(--text-secondary);
border-top: 1px solid var(--border);
padding-top: 1rem;
}
.faq-item.active .faq-answer {
max-height: 500px;
}
.cta-final {
text-align: center;
padding: 5rem 1.25rem;
background:
radial-gradient(ellipse at center, rgba(255, 61, 139, 0.18) 0%, transparent 70%),
var(--bg-tertiary);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.cta-final h2 {
margin-bottom: 1rem;
}
.cta-final p {
max-width: 600px;
margin: 0 auto 2rem;
color: var(--text-primary);
}
.site-footer {
background: #08060A;
border-top: 1px solid var(--border);
padding: 3.5rem 0 1.5rem;
color: #BBA8B6;
}
.site-footer p,
.site-footer .footer-tagline,
.site-footer .footer-bottom,
.site-footer .footer-col p {
color: #BBA8B6;
}
.footer-grid {
display: grid;
grid-template-columns: 1fr;
gap: 2.5rem;
margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
.footer-grid {
grid-template-columns: 1.4fr 1fr 1fr;
}
}
.footer-col-empty {
display: none;
}
@media (min-width: 768px) {
.footer-col-empty {
display: block;
}
}
.footer-contact {
display: inline-flex;
align-items: center;
gap: 0.55rem;
padding: 0.65rem 0.9rem;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(242, 208, 213, 0.2);
border-radius: var(--radius);
color: #BBA8B6;
font-size: 0.92rem;
text-decoration: none;
transition: all var(--transition);
}
.footer-contact:hover {
border-color: var(--gold);
color: var(--gold);
box-shadow: 0 0 18px rgba(255, 143, 192, 0.25);
transform: translateY(-1px);
}
.footer-contact-icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--gold);
flex-shrink: 0;
}
.footer-contact-icon svg {
display: block;
}
.footer-col h4,
.footer-col .footer-titre {
font-weight: 700;
line-height: 1.2;
font-family: var(--font-title);
font-size: 1.1rem;
color: var(--gold);
margin-bottom: 1rem;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.footer-col p,
.footer-col li {
font-size: 0.9rem;
margin-bottom: 0.6rem;
line-height: 1.5;
}
.footer-col a {
color: #BBA8B6;
transition: color var(--transition);
}
.footer-col a:hover {
color: var(--gold);
}
.footer-brand {
display: inline-flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1rem;
text-decoration: none;
color: inherit;
transition: opacity var(--transition);
}
.footer-brand:hover {
opacity: 0.85;
}
.footer-brand:hover .footer-brand-name {
color: var(--gold);
}
.footer-brand-name {
transition: color var(--transition);
}
.footer-brand-name {
font-family: var(--font-title);
font-size: 1.25rem;
color: #FFFFFF;
font-weight: 700;
}
.footer-tagline {
font-size: 0.9rem;
max-width: 320px;
}
.footer-age {
display: inline-block;
margin-top: 1rem;
padding: 0.25rem 0.75rem;
background: var(--accent);
color: #fff;
border-radius: 50px;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 1px;
}
.footer-bottom {
text-align: center;
padding-top: 1.5rem;
border-top: 1px solid rgba(242, 208, 213, 0.15);
font-size: 0.85rem;
}
.ptprelinker-content {
max-width: 640px;
margin: 2.5rem auto 0;
background: linear-gradient(145deg, #FFFFFF, var(--bg-tertiary));
border: 1px solid var(--border);
border-radius: var(--radius-lg);
box-shadow: 0 0 40px rgba(255, 61, 139, 0.18), 0 8px 24px rgba(184, 18, 90, 0.15);
padding: 2.5rem;
font-family: var(--font-body);
color: var(--text-primary);
position: relative;
overflow: hidden;
text-align: left;
transition: box-shadow var(--transition);
}
.ptprelinker-content:hover {
box-shadow: 0 0 55px rgba(255, 143, 192, 0.25), 0 10px 30px rgba(184, 18, 90, 0.2);
}
.ptprelinker-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, var(--accent), var(--gold), var(--gold-soft));
}
.ptprelinker-content h1,
.ptprelinker-content h2,
.ptprelinker-content h3,
.ptprelinker-content h4,
.ptprelinker-content h5 {
font-family: var(--font-title);
color: var(--accent);
text-shadow: 0 0 12px rgba(255, 61, 139, 0.18);
margin-bottom: 1rem;
text-align: center;
font-weight: 700;
}
.ptprelinker-content h2 { font-size: 1.6rem; }
.ptprelinker-content h3 { font-size: 1.3rem; }
.ptprelinker-content p {
color: var(--text-secondary);
line-height: 1.6;
margin-bottom: 1rem;
font-size: 0.95rem;
}
.ptprelinker-content label {
display: block;
color: var(--text-primary);
font-weight: 500;
font-size: 0.95rem;
margin-bottom: 0.5rem;
}
.ptprelinker-content input[type="text"],
.ptprelinker-content input[type="email"],
.ptprelinker-content input[type="password"],
.ptprelinker-content input[type="tel"],
.ptprelinker-content input[type="number"],
.ptprelinker-content input[type="date"],
.ptprelinker-content input[type="search"],
.ptprelinker-content input[type="url"],
.ptprelinker-content input:not([type]),
.ptprelinker-content select,
.ptprelinker-content textarea {
width: 100%;
padding: 0.85rem 1rem;
background: #FFFFFF;
border: 1px solid var(--border);
border-radius: var(--radius);
color: var(--text-primary);
font-family: var(--font-body);
font-size: 1rem;
margin-bottom: 1rem;
transition: all var(--transition);
-webkit-appearance: none;
appearance: none;
}
.ptprelinker-content input:focus,
.ptprelinker-content select:focus,
.ptprelinker-content textarea:focus {
outline: none;
border-color: var(--accent);
box-shadow: 0 0 0 3px var(--accent-glow);
background: #FFFFFF;
}
.ptprelinker-content input::placeholder,
.ptprelinker-content textarea::placeholder {
color: var(--text-secondary);
opacity: 0.7;
}
.ptprelinker-content textarea {
resize: vertical;
min-height: 100px;
}
.ptprelinker-content select {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23C41E3A' d='M6 8L0 0h12z'/></svg>");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 12px 8px;
padding-right: 2.5rem;
}
.ptprelinker-content input[type="radio"],
.ptprelinker-content input[type="checkbox"] {
width: auto;
margin: 0 0.5rem 0 0;
accent-color: var(--accent);
transform: scale(1.1);
vertical-align: middle;
}
.ptprelinker-content button,
.ptprelinker-content input[type="submit"],
.ptprelinker-content input[type="button"],
.ptprelinker-content .btn {
display: block;
width: 100%;
padding: 1rem 2rem;
margin-top: 1rem;
background: linear-gradient(135deg, #27a05a 0%, #3ed48c 100%);
color: #fff;
border: 2px solid transparent;
border-radius: var(--radius);
font-family: var(--font-body);
font-size: 1.05rem;
font-weight: 700;
letter-spacing: 0.5px;
cursor: pointer;
text-transform: uppercase;
text-align: center;
text-decoration: none;
box-shadow: 0 0 25px rgba(39, 160, 90, 0.45), 0 4px 15px rgba(39, 160, 90, 0.3);
animation: pulse-glow 2.5s ease-in-out infinite;
transition: transform var(--transition), box-shadow var(--transition);
}
.ptprelinker-content button:hover,
.ptprelinker-content input[type="submit"]:hover,
.ptprelinker-content input[type="button"]:hover,
.ptprelinker-content .btn:hover {
transform: translateY(-2px) scale(1.02);
box-shadow: 0 0 45px rgba(39, 160, 90, 0.5), 0 6px 22px rgba(39, 160, 90, 0.4);
}
.ptprelinker-content small {
color: var(--text-secondary);
font-size: 0.85rem;
}
@media (max-width: 768px) {
.ptprelinker-content {
padding: 1.75rem 1.25rem;
margin-top: 2rem;
}
}
.bottom-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 9999;
padding: 0.75rem 1rem;
background: linear-gradient(135deg, #B8125A 0%, #FF3D8B 50%, #F0808C 100%);
border-top: 2px solid var(--gold);
box-shadow: 0 -6px 28px rgba(184, 18, 90, 0.45);
}
.bottom-bar::before {
content: "";
position: absolute;
top: -2px;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, var(--gold), transparent);
pointer-events: none;
}
.bottom-bar-inner {
width: 100%;
max-width: 760px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.5rem;
text-align: center;
}
.bottom-bar-info {
display: inline-flex;
align-items: center;
gap: 0.5rem;
line-height: 1.1;
}
.bottom-bar-dot {
width: 9px;
height: 9px;
border-radius: 50%;
background: #2ecc71;
box-shadow: 0 0 10px #2ecc71, 0 0 4px #2ecc71;
animation: dot-pulse-live 1.4s ease-in-out infinite;
flex-shrink: 0;
}
@keyframes dot-pulse-live {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.4; transform: scale(1.4); }
}
.bottom-bar-counter {
font-family: var(--font-title);
font-size: 1rem;
font-weight: 700;
color: #FFFFFF;
letter-spacing: 0.3px;
}
.bottom-bar-counter span {
color: #FFD700;
text-shadow: 0 0 12px rgba(255, 215, 0, 0.6);
font-size: 1.15em;
}
.bottom-bar-cta {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.6rem;
padding: 0.95rem 2.2rem;
background: linear-gradient(135deg, #27a05a 0%, #2fbf74 50%, #3ed48c 100%);
color: #08060A;
font-family: var(--font-body);
font-weight: 800;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.8px;
border-radius: 50px;
text-decoration: none;
white-space: nowrap;
box-shadow:
0 0 22px var(--gold-glow),
0 6px 18px rgba(184, 18, 90, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.7);
animation: pulse-glow-gold 2.2s ease-in-out infinite;
transition: transform 0.25s ease, box-shadow 0.25s ease;
overflow: hidden;
isolation: isolate;
}
.bottom-bar-cta::before {
content: "";
position: absolute;
top: 0;
left: -120%;
width: 60%;
height: 100%;
background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);
transform: skewX(-20deg);
animation: shine-sweep 3.2s ease-in-out infinite;
pointer-events: none;
z-index: 1;
}
.bottom-bar-cta-icon,
.bottom-bar-cta-text,
.bottom-bar-cta-arrow {
position: relative;
z-index: 2;
}
.bottom-bar-cta-icon {
font-size: 1.1rem;
filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.4));
}
.bottom-bar-cta-arrow {
font-size: 1.15rem;
font-weight: 900;
transition: transform 0.25s ease;
}
.bottom-bar-cta:hover {
transform: translateY(-2px) scale(1.03);
color: #08060A;
box-shadow:
0 0 38px var(--gold-glow),
0 10px 25px rgba(184, 18, 90, 0.55),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.bottom-bar-cta:hover .bottom-bar-cta-arrow {
transform: translateX(4px);
}
@keyframes pulse-glow-gold {
0%, 100% {
box-shadow:
0 0 22px var(--gold-glow),
0 6px 18px rgba(184, 18, 90, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
50% {
box-shadow:
0 0 38px var(--gold-glow),
0 8px 22px rgba(184, 18, 90, 0.55),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
}
@keyframes shine-sweep {
0% { left: -120%; }
60% { left: 140%; }
100% { left: 140%; }
}
@media (max-width: 600px) {
.bottom-bar {
padding: 0.6rem 0.75rem;
}
.bottom-bar-counter {
font-size: 0.85rem;
}
.bottom-bar-cta {
padding: 0.85rem 1.5rem;
font-size: 0.9rem;
letter-spacing: 0.5px;
}
.bottom-bar-cta-icon {
font-size: 1rem;
}
}
@media (max-width: 380px) {
.bottom-bar-counter {
font-size: 0.78rem;
}
.bottom-bar-cta {
padding: 0.75rem 1.1rem;
font-size: 0.8rem;
gap: 0.4rem;
}
}
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
.text-center { text-align: center; }
.mt-2 { margin-top: 2rem; }
.mb-2 { margin-bottom: 2rem; }
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: var(--bg-tertiary);
}
::-webkit-scrollbar-thumb {
background: var(--accent);
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--accent-dark);
}
::selection {
background: var(--accent);
color: #fff;
}
.jmr-visuel {
margin: 0 auto 2.5rem;
text-align: center;
}
.jmr-visuel img {
display: inline-block;
width: 100%;
height: auto;
border-radius: 18px;
box-shadow: 0 18px 40px rgba(212, 0, 41, 0.14);
}
.jmr-carre { max-width: 320px; }
.jmr-mobile { max-width: 220px; }
.jmr-large { max-width: 760px; }
.jmr-quiz {
position: fixed;
inset: 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
background: rgba(36, 16, 22, 0.62);
opacity: 0;
transition: opacity 0.2s ease;
}
.jmr-quiz.is-open { opacity: 1; }
.jmr-quiz-box {
position: relative;
width: 100%;
max-width: 440px;
max-height: calc(100vh - 2rem);
overflow-y: auto;
padding: 1.75rem 1.5rem 1.5rem;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);
transform: translateY(12px);
transition: transform 0.2s ease;
}
.jmr-quiz.is-open .jmr-quiz-box { transform: none; }
.jmr-quiz-close {
position: absolute;
top: 0.6rem;
right: 0.7rem;
width: 40px;
height: 40px;
border: 0;
border-radius: 50%;
background: var(--bg-tertiary);
color: var(--text-primary);
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
}
.jmr-quiz-head {
margin: 0 2.5rem 1rem 0;
color: var(--accent);
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.jmr-quiz-bar {
height: 6px;
margin-bottom: 1.25rem;
border-radius: 6px;
background: var(--bg-tertiary);
overflow: hidden;
}
.jmr-quiz-bar span {
display: block;
height: 100%;
width: 25%;
border-radius: 6px;
background: linear-gradient(90deg, #27a05a, #3ed48c);
transition: width 0.25s ease;
}
.jmr-quiz-q {
margin: 0 0 1rem;
color: var(--text-primary);
font-size: 1.35rem;
font-weight: 700;
line-height: 1.3;
}
.jmr-quiz-opts {
display: grid;
gap: 0.6rem;
}
.jmr-quiz-opt {
width: 100%;
min-height: 52px;
padding: 0.8rem 1rem;
border: 2px solid var(--border);
border-radius: 14px;
background: var(--bg-primary);
color: var(--text-primary);
font: inherit;
font-weight: 600;
text-align: left;
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease;
}
.jmr-quiz-opt:hover,
.jmr-quiz-opt:focus-visible {
border-color: var(--accent);
background: var(--bg-tertiary);
outline: none;
}
.jmr-quiz-go {
display: block;
width: 100%;
min-height: 54px;
margin-top: 0.5rem;
border: 0;
border-radius: 999px;
background: linear-gradient(135deg, #27a05a 0%, #3ed48c 100%);
color: #ffffff;
font: inherit;
font-size: 1.05rem;
font-weight: 800;
cursor: pointer;
box-shadow: 0 10px 28px rgba(39, 160, 90, 0.35);
}
.jmr-quiz-txt {
margin: 0 0 1rem;
color: var(--text-secondary);
}
.jmr-quiz-fine {
margin: 0.9rem 0 0;
color: var(--text-secondary);
font-size: 0.8rem;
text-align: center;
}
body.jmr-quiz-lock { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
.jmr-quiz, .jmr-quiz-box, .jmr-quiz-bar span { transition: none; }
}
h1, h2, h3 { font-family: var(--font-title); font-weight: 400; letter-spacing: .01em; text-wrap: balance; }
.section-title { line-height: 1.08; }
.section-title .num { color: var(--accent); margin-right: .25em; }
a { color: var(--gold); }
.zp-progress { position: fixed; top: 0; left: 0; height: 3px; width: 100%; transform-origin: 0 50%; transform: scaleX(0);
background: linear-gradient(90deg, var(--accent), var(--gold)); z-index: 1001; pointer-events: none; }
.zp-logo { display: inline-flex; align-items: center; gap: .55rem; text-decoration: none; color: var(--text-primary); }
.zp-logo img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid var(--accent); }
.zp-logo span { font: 400 1.55rem/1 var(--font-title); letter-spacing: .02em; }
.zp-logo b { color: var(--accent); font-weight: 400; }
.hero .hero-image img { border-radius: var(--radius-lg); aspect-ratio: 832 / 1024; object-fit: cover; height: auto; max-width: 100%; }
.zp-hero-badge { display: inline-flex; gap: .4rem; align-items: center; font-size: .82rem; color: var(--gold-soft);
border: 1px solid var(--border); border-radius: 999px; padding: .3rem .75rem; margin-bottom: 1rem; }
.zp-essentiel { background: var(--bg-tertiary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.1rem 1.25rem; }
.zp-essentiel p { margin: 0 0 .6rem; font-weight: 700; color: var(--gold); letter-spacing: .06em; text-transform: uppercase; font-size: .78rem; }
.zp-essentiel ul { margin: 0; padding-left: 1.1rem; display: grid; gap: .45rem; }
.zp-essentiel li strong { color: var(--text-primary); }
.zp-toc { position: sticky; top: 0; z-index: 90; background: color-mix(in srgb, var(--bg-primary) 92%, transparent);
backdrop-filter: blur(6px); border-bottom: 1px solid var(--border); }
.zp-toc .container { display: flex; gap: .75rem; align-items: center; padding-block: .55rem; }
.zp-toc h2 { font-size: .95rem; margin: 0; white-space: nowrap; color: var(--text-secondary); font-family: var(--font-body); font-weight: 600; }
.zp-toc-liens { display: flex; gap: .4rem; margin: 0; padding: 0; overflow-x: auto; scrollbar-width: none; }
.zp-toc-liens::-webkit-scrollbar { display: none; }
.zp-toc a { display: inline-flex; gap: .3rem; align-items: center; white-space: nowrap; text-decoration: none; color: var(--text-primary);
font-size: .85rem; border: 1px solid var(--border); border-radius: 999px; padding: .35rem .7rem; }
.zp-toc a small { color: var(--accent); font-weight: 700; }
.zp-toc a.is-on { background: var(--accent); border-color: var(--accent); color: #fff; }
.zp-toc a.is-on small { color: #fff; }
@media (max-width: 760px) { .zp-toc h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } }
.zp-table-wrap { overflow-x: auto; border-radius: var(--radius); border: 1px solid var(--border); }
.zp-table { width: 100%; border-collapse: collapse; font-size: .93rem; font-variant-numeric: tabular-nums; }
.zp-table th { background: var(--accent-dark); color: #fff; text-align: left; padding: .7rem .8rem; font-weight: 600; white-space: nowrap; }
.zp-table td { padding: .65rem .8rem; border-top: 1px solid var(--border); vertical-align: top; }
.zp-table tbody tr:nth-child(even) td { background: var(--bg-tertiary); }
.zp-table td:first-child { font-weight: 700; white-space: nowrap; }
.zp-vide { color: var(--text-secondary); font-style: italic; }
.zp-fiches { display: grid; gap: 1rem; }
.zp-fiche { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.2rem 1.3rem; }
.zp-fiche h3 { font-size: 1.6rem; margin: 0 0 .5rem; display: flex; gap: .6rem; align-items: baseline; flex-wrap: wrap; }
.zp-fiche h3 .zp-part { font: 600 .72rem/1 var(--font-body); letter-spacing: .06em; text-transform: uppercase; color: #fff;
background: linear-gradient(90deg, #27a05a, #3ed48c); border-radius: 999px; padding: .3rem .55rem; }
.zp-piege { margin-top: .9rem; border-left: 3px solid var(--accent); background: var(--bg-tertiary); border-radius: 0 var(--radius) var(--radius) 0; padding: .75rem .9rem; }
.zp-piege p { margin: 0; }
.zp-piege .zp-piege-t { font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: .06em; font-size: .75rem; margin-bottom: .3rem; }
.zp-piege blockquote { margin: .5rem 0 0; font-style: italic; color: var(--text-secondary); font-size: .9rem; }
.zp-piege blockquote a { font-style: normal; }
.zp-liste { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; }
.zp-liste li { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); padding: .65rem .85rem; }
.zp-liste li strong { color: var(--gold); }
.zp-duo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 300px); gap: 2rem; align-items: start; }
.zp-duo figure { margin: 0; }
.zp-duo img { width: 100%; height: auto; border-radius: var(--radius-lg); aspect-ratio: 832 / 1024; object-fit: cover; }
.zp-duo figcaption { font-size: .78rem; color: var(--text-secondary); margin-top: .35rem; }
.zp-prose { display: grid; gap: 1rem; }
@media (max-width: 860px) { .zp-duo { grid-template-columns: 1fr; } .zp-duo figure { max-width: 300px; } }
.cmp { display: grid; gap: .9rem; }
.cmp-bar { display: grid; gap: .6rem; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); padding: .8rem; }
.cmp-top { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.cmp-q { flex: 1 1 200px; min-width: 0; }
.cmp-q input, .cmp-f select { width: 100%; font: inherit; font-size: .9rem; color: var(--text-primary); background: var(--bg-primary);
border: 1px solid var(--border); border-radius: 8px; padding: .5rem .65rem; }
.cmp-quick { display: flex; flex-wrap: wrap; gap: .4rem; }
.cmp-quick button, .cmp-tags button, .cmp-togf { font: 500 .82rem/1 var(--font-body); color: var(--text-primary); background: transparent;
border: 1px solid var(--border); border-radius: 999px; padding: .45rem .7rem; cursor: pointer; }
.cmp-quick button small { color: var(--text-secondary); margin-left: .2rem; }
.cmp-quick button.is-on { background: var(--accent); border-color: var(--accent); color: #fff; }
.cmp-quick button.is-on small { color: #ffe3ef; }
.cmp-tri select { width: auto; }
.cmp-facets { display: none; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .5rem; }
.cmp-bar.is-open .cmp-facets { display: grid; }
.cmp-f { display: grid; gap: .25rem; font-size: .75rem; color: var(--text-secondary); }
.cmp-foot { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; justify-content: space-between; }
.cmp-tags { display: flex; flex-wrap: wrap; gap: .4rem; }
.cmp-tags b { color: var(--accent); }
.cmp-n { font-size: .82rem; color: var(--text-secondary); }
.cmp-list { display: grid; gap: .6rem; }
.cmp-card { position: relative; display: grid; grid-template-columns: 34px 52px minmax(0, 1fr) minmax(0, 230px); gap: .35rem .9rem; align-items: center;
background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); padding: .9rem 1rem .9rem 1.15rem; overflow: hidden; }
.cmp-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--border); }
.cmp-card.is-part::before { background: linear-gradient(180deg, var(--accent), var(--gold)); }
.cmp-rank { font: 400 1.6rem/1 var(--font-title); color: var(--accent); font-style: normal; text-align: center; }
.cmp-logo { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: var(--bg-tertiary); color: var(--gold);
font: 400 1.5rem/1 var(--font-title); font-style: normal; }
.cmp-name h3 { font: 700 1.05rem/1.2 var(--font-body); margin: 0; }
.cmp-name span { display: block; font-size: .8rem; color: var(--text-secondary); }
.cmp-stats { display: flex; flex-wrap: wrap; gap: .2rem .7rem; font-size: .8rem; color: var(--text-secondary); margin-top: .25rem; }
.cmp-offer { display: grid; gap: .4rem; justify-items: start; }
.cmp-tarif { font-weight: 700; font-variant-numeric: tabular-nums; }
.cmp-tarif small { font-weight: 500; color: var(--text-secondary); }
.cmp-btn { display: inline-block; font: 700 .85rem/1 var(--font-body); color: #fff; text-decoration: none; background: linear-gradient(90deg, #27a05a, #3ed48c);
border-radius: 8px; padding: .6rem .85rem; }
.cmp-btn.is-off { background: transparent; color: var(--text-secondary); border: 1px solid var(--border); font-weight: 500; }
.cmp-more { grid-column: 1 / -1; }
.cmp-tabs { display: flex; flex-wrap: wrap; gap: .35rem; }
.cmp-tabs button { font: 600 .75rem/1 var(--font-body); color: var(--text-secondary); background: transparent; border: 1px solid var(--border);
border-radius: 6px; padding: .45rem .6rem; cursor: pointer; }
.cmp-tabs button.is-on { color: var(--text-primary); border-color: var(--accent); }
.cmp-panel { display: none; margin-top: .6rem; font-size: .88rem; color: var(--text-secondary); }
.cmp-panel.is-open { display: block; }
.cmp-panel ul { margin: 0; padding-left: 1.1rem; display: grid; gap: .25rem; }
.cmp-panel b { color: var(--text-primary); }
.cmp-chips { display: flex; flex-wrap: wrap; gap: .3rem; }
.cmp-chips i { font-style: normal; font-size: .75rem; border: 1px solid var(--border); border-radius: 999px; padding: .2rem .5rem; }
.cmp-pager { display: flex; gap: .35rem; justify-content: center; }
.cmp-pager button { min-width: 36px; font: 600 .85rem/1 var(--font-body); color: var(--text-primary); background: transparent; border: 1px solid var(--border);
border-radius: 8px; padding: .5rem; cursor: pointer; }
.cmp-pager button.is-cur { background: var(--accent); border-color: var(--accent); color: #fff; }
.cmp-pager button:disabled { opacity: .35; cursor: default; }
.cmp-note { font-size: .9rem; color: var(--text-secondary); }
@media (max-width: 760px) {
.cmp-card { grid-template-columns: 28px 44px minmax(0, 1fr); }
.cmp-logo { width: 44px; height: 44px; }
.cmp-offer { grid-column: 1 / -1; grid-auto-flow: column; justify-content: space-between; align-items: center; }
}
.zp-quiz { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.2rem; display: grid; gap: .9rem; max-width: 720px; }
.zp-quiz-bar { height: 4px; background: var(--bg-tertiary); border-radius: 999px; overflow: hidden; }
.zp-quiz-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--accent), var(--gold)); transition: width .25s ease; }
.zp-quiz-q { font: 400 1.4rem/1.2 var(--font-title); margin: 0; }
.zp-quiz-opts { display: grid; gap: .5rem; }
.zp-quiz-opts button { text-align: left; font: 500 .95rem/1.3 var(--font-body); color: var(--text-primary); background: var(--bg-primary);
border: 1px solid var(--border); border-radius: var(--radius); padding: .75rem .9rem; cursor: pointer; }
.zp-quiz-opts button:hover { border-color: var(--accent); }
.zp-quiz-res { display: grid; gap: .6rem; }
.zp-quiz-res article { border: 1px solid var(--border); border-radius: var(--radius); padding: .8rem .9rem; background: var(--bg-primary); }
.zp-quiz-res h3 { margin: 0 0 .3rem; font-size: 1.3rem; }
.zp-quiz-res ul { margin: .3rem 0 .6rem; padding-left: 1.1rem; font-size: .9rem; color: var(--text-secondary); }
.zp-quiz-again { justify-self: start; font: 600 .85rem/1 var(--font-body); color: var(--text-primary); background: transparent; border: 1px solid var(--border);
border-radius: 8px; padding: .55rem .8rem; cursor: pointer; }
button:focus-visible, select:focus-visible, input:focus-visible, a:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .zp-progress, .zp-quiz-bar i { transition: none; } }
.header-actions { display: flex; align-items: center; gap: .6rem; }
.zp-menu { position: relative; }
.zp-menu-btn { list-style: none; cursor: pointer; font: 600 .9rem/1 var(--font-body); color: var(--text-primary); border: 1px solid var(--border);
border-radius: 999px; padding: .55rem .85rem; }
.zp-menu-panel[hidden] { display: none; }
.zp-menu-btn[aria-expanded="true"] { border-color: var(--accent); }
.zp-menu-panel { position: absolute; right: 0; top: calc(100% + .5rem); width: min(760px, calc(100vw - 32px)); display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; background: var(--bg-secondary); border: 1px solid var(--border);
border-radius: var(--radius-lg); padding: 1rem 1.1rem; box-shadow: 0 18px 40px rgba(0, 0, 0, .45); z-index: 1100; }
.zp-menu-panel p { margin: 0 0 .4rem; font-weight: 700; color: var(--gold); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; }
.zp-menu-panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .3rem; }
.zp-menu-panel a { color: var(--text-primary); text-decoration: none; font-size: .9rem; }
.zp-menu-panel a:hover { color: var(--accent); }
@media (max-width: 700px) { .zp-menu-panel { grid-template-columns: 1fr; max-height: 70vh; overflow-y: auto; right: -60px; } }
.zp-ariane { font-size: .82rem; color: var(--text-secondary); margin-bottom: .8rem; }
.zp-ariane a { color: var(--text-secondary); }
.zp-auteur { display: flex; align-items: center; gap: .6rem; margin-top: 1rem; font-size: .85rem; color: var(--text-secondary); }
.zp-auteur img { width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--accent); object-fit: cover; }
.zp-auteur p { margin: 0; }
.zp-id { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.1rem 1.2rem; width: 100%; max-width: 420px; }
.zp-id-t { margin: 0 0 .6rem; font-weight: 700; color: var(--gold); text-transform: uppercase; letter-spacing: .06em; font-size: .78rem; }
.zp-id dl { display: grid; grid-template-columns: auto 1fr; gap: .45rem .9rem; margin: 0 0 1rem; font-size: .92rem; }
.zp-id dt { color: var(--text-secondary); }
.zp-id dd { margin: 0; font-weight: 600; }
.zp-fig { float: right; width: min(300px, 42%); margin: 0 0 1rem 1.5rem; }
.zp-fig img { width: 100%; height: auto; border-radius: var(--radius-lg); }
.zp-fig figcaption { font-size: .78rem; color: var(--text-secondary); margin-top: .3rem; }
@media (max-width: 700px) { .zp-fig { float: none; width: 100%; max-width: 320px; margin: 0 auto 1rem; } }
.zp-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .9rem; }
section h3 { font-size: 1.45rem; margin: 1.4rem 0 .5rem; }
section .container > p.fade-in + p.fade-in { margin-top: .9rem; }
section .container > * + .zp-table-wrap, section .container > * + .zp-liste, section .container > * + .zp-piege { margin-top: 1rem; }
.zp-lire { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .8rem; }
.zp-lire a { display: grid; gap: .3rem; height: 100%; text-decoration: none; background: var(--bg-secondary); border: 1px solid var(--border);
border-radius: var(--radius); padding: .9rem 1rem; color: var(--text-primary); }
.zp-lire a:hover { border-color: var(--accent); }
.zp-lire span { font-size: .85rem; color: var(--text-secondary); }
.zp-footer-grid { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)) !important; }
.zp-footer-liens { list-style: none; margin: 0; padding: 0; display: grid; gap: .3rem; font-size: .88rem; }
.zp-footer-liens a { color: var(--text-secondary); text-decoration: none; }
.zp-footer-liens a:hover { color: var(--gold); }
@media (max-width: 860px) { .zp-footer-grid { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 520px) { .zp-footer-grid { grid-template-columns: 1fr !important; } }
.bottom-bar { padding: .35rem .9rem calc(.35rem + env(safe-area-inset-bottom, 0px)); border-top-width: 1px; box-shadow: 0 -4px 16px rgba(0, 0, 0, .35); }
.bottom-bar-inner { flex-direction: row; justify-content: center; gap: .9rem; max-width: 760px; }
.bottom-bar-counter { font-family: var(--font-body); font-size: .85rem; font-weight: 600; letter-spacing: 0; }
.bottom-bar-dot { width: 7px; height: 7px; }
.bottom-bar-cta { padding: .45rem .95rem; font-size: .8rem; gap: .35rem; letter-spacing: .3px; box-shadow: 0 2px 10px rgba(39, 160, 90, .35); }
.bottom-bar-cta-icon, .bottom-bar-cta-arrow { font-size: .9rem; }
@media (max-width: 480px) {
.bottom-bar-counter { font-size: .75rem; }
.bottom-bar-cta { padding: .4rem .75rem; font-size: .75rem; }
}
body { padding-bottom: 64px; }
@media (max-width: 768px) { body { padding-bottom: 60px; } }
.zp-logo span, .zp-menu-btn, .header-actions .btn-signup { white-space: nowrap; }
@media (max-width: 480px) {
.zp-logo { gap: .4rem; }
.zp-logo span { font-size: 1.2rem; }
.zp-logo img { width: 34px; height: 34px; }
.header-actions { gap: .4rem; }
.zp-menu-btn { padding: .45rem .65rem; font-size: .82rem; }
.header-actions .btn-signup-icon { display: none; }
.header-actions .btn-signup { padding: .5rem .8rem; font-size: .82rem; }
}
.footer-contact-icon.zp-yt { background: transparent; width: auto; height: auto; display: inline-flex; align-items: center; }
.footer-contact-icon.zp-yt svg { display: block; }
details.faq-item > summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
details.faq-item > summary::-webkit-details-marker { display: none; }
details.faq-item[open] { border-color: var(--accent); box-shadow: 0 0 20px rgba(255, 61, 139, .15); }
details.faq-item[open] .faq-icon { transform: rotate(45deg); }
details.faq-item[open] .faq-answer { max-height: 500px; }
.zp-menu-btn { background: transparent; }
.footer-age { background: var(--accent-dark); color: #fff; }
img.cmp-logo { object-fit: cover; border: 1px solid var(--border); background: var(--bg-tertiary); }
.header-inner { gap: 1rem; }
.zp-nav { display: none; align-items: center; gap: .15rem; margin-left: auto; }
.zp-nav-lien { font: 600 .92rem/1 var(--font-body); color: var(--text-primary); text-decoration: none; background: none; border: 0;
padding: .7rem .85rem; border-radius: 8px; cursor: pointer; white-space: nowrap; }
.zp-nav-lien:hover, .zp-drop.is-open > .zp-drop-btn, .zp-drop:hover > .zp-drop-btn { color: var(--accent); background: var(--bg-tertiary); }
.zp-drop { position: relative; }
.zp-drop::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: .6rem; }
.zp-drop-panel { position: absolute; top: calc(100% + .5rem); left: 50%; transform: translate(-50%, 6px); min-width: 280px;
background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1rem 1.1rem;
box-shadow: 0 18px 40px rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transition: opacity .15s ease, transform .15s ease, visibility .15s; z-index: 1100; }
.zp-drop:hover .zp-drop-panel, .zp-drop:focus-within .zp-drop-panel, .zp-drop.is-open .zp-drop-panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.zp-drop-t { margin: 0 0 .7rem; font-weight: 700; color: var(--gold); font-size: .76rem; text-transform: uppercase; letter-spacing: .06em; }
.zp-mega { width: min(720px, 92vw); }
.zp-mega-grille { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem; }
.zp-mega-grille a, .zp-tiroir-avis a { display: flex; align-items: center; gap: .6rem; padding: .45rem .55rem; border-radius: 8px;
text-decoration: none; color: var(--text-primary); font-size: .9rem; }
.zp-mega-grille a:hover, .zp-tiroir-avis a:hover { background: var(--bg-tertiary); color: var(--accent); }
.zp-mega-grille img, .zp-tiroir-avis img, .zp-mega-grille .zp-logo-ini, .zp-tiroir-avis .zp-logo-ini { width: 28px; height: 28px; border-radius: 7px; object-fit: cover; flex: 0 0 28px; }
.zp-logo-ini { display: inline-grid; place-items: center; background: var(--bg-tertiary); color: var(--gold); font: 400 1rem/1 var(--font-title); font-style: normal; }
.zp-drop-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .15rem; }
.zp-drop-liste a { display: block; padding: .45rem .55rem; border-radius: 8px; color: var(--text-primary); text-decoration: none; font-size: .9rem; white-space: nowrap; }
.zp-drop-liste a:hover { background: var(--bg-tertiary); color: var(--accent); }
.zp-tiroir-avis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 980px) { .zp-nav { display: flex; } .zp-menu { display: none; } }
.zp-id-tete { display: flex; align-items: center; gap: .8rem; margin-bottom: .8rem; }
.zp-logo-app { width: 64px; height: 64px; border-radius: 16px; object-fit: cover; border: 1px solid var(--border); }
.zp-id-tete .zp-id-t { margin: 0; font: 400 1.5rem/1.1 var(--font-title); color: var(--text-primary); text-transform: none; letter-spacing: .01em; }
.zp-id-tete .zp-id-t span { font: 700 .72rem/1 var(--font-body); color: var(--gold); text-transform: uppercase; letter-spacing: .06em; }
.zp-pros-cons { padding-block: 1.5rem 0; }
.zp-pros-cons .section-title { font-size: 1.6rem; text-align: left; }
.zp-pc-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.zp-pc { border-radius: var(--radius-lg); padding: 1rem 1.2rem; border: 1px solid; }
.zp-pc.is-plus { background: #0f2419; border-color: #1f5c3b; }
.zp-pc.is-moins { background: #2a1219; border-color: #6b2535; }
.zp-pc-t { margin: 0 0 .5rem; font-weight: 700; color: #fff; }
.zp-pc ul { margin: 0; padding-left: 1.1rem; display: grid; gap: .35rem; color: #f3e8ee; }
@media (max-width: 700px) { .zp-pc-grille { grid-template-columns: 1fr; } }
.zp-visuel { margin: 1.2rem 0; }
.zp-visuel img { width: 100%; max-width: 760px; height: auto; border-radius: var(--radius-lg); border: 1px solid var(--border); display: block; }
.zp-pays { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.zp-pay { display: inline-flex; align-items: center; gap: .45rem; background: #fff; color: #1c1018; border-radius: 999px; padding: .45rem .8rem; font-size: .85rem; }
.zp-pay b { font-weight: 600; }
.zp-stores { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1rem; }
.zp-store { display: inline-flex; align-items: center; gap: .7rem; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius);
padding: .7rem 1rem; text-decoration: none; color: var(--text-primary); }
.zp-store svg { background: #fff; border-radius: 8px; padding: 4px; }
.zp-store b { font-size: 1.15rem; }
.zp-store small { color: var(--text-secondary); }
.zp-etapes { list-style: none; counter-reset: e; margin: 1rem 0 0; padding: 0; display: grid; gap: .6rem; }
.zp-etapes li { counter-increment: e; display: grid; grid-template-columns: 42px minmax(0, 1fr); column-gap: .8rem; background: var(--bg-secondary);
border: 1px solid var(--border); border-radius: var(--radius); padding: .75rem .9rem; }
.zp-etapes li::before { content: counter(e); grid-row: span 2; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center;
background: var(--accent); color: #fff; font: 400 1.2rem/1 var(--font-title); }
.zp-etapes b { display: block; }
.zp-etapes span { color: var(--text-secondary); font-size: .92rem; }
.zp-cell-app { display: inline-flex; align-items: center; gap: .5rem; white-space: nowrap; }
.zp-logo-mini { width: 32px; height: 32px; border-radius: 8px; object-fit: cover; }
.hero .hero-image .zp-id img.zp-logo-app { width: 64px; height: 64px; max-width: 64px; aspect-ratio: 1 / 1; border-radius: 16px; object-fit: cover; }
.hero .hero-image .zp-id { margin-inline: auto; }
.zp-cite { margin: 1rem 0 0; padding: .7rem .9rem; border-left: 3px solid var(--accent); background: var(--bg-tertiary); border-radius: 0 var(--radius) var(--radius) 0; font-style: italic; color: var(--text-secondary); font-size: .92rem; }
.zp-cite a { font-style: normal; }
.zp-logo-h3 { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; vertical-align: middle; margin-right: .2rem; }
.zp-captures { display: grid; gap: 1rem; margin: 1.2rem 0; max-width: 760px; }
.zp-captures.is-duo { grid-template-columns: 1fr 1fr; max-width: 980px; }
.zp-capture { margin: 0; }
.zp-capture img { width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: cover; object-position: top; display: block;
border-radius: var(--radius); border: 1px solid var(--border); box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.zp-capture figcaption { font-size: .8rem; color: var(--text-secondary); margin-top: .45rem; line-height: 1.4; }
@media (max-width: 640px) { .zp-captures.is-duo { grid-template-columns: 1fr; } }
.zp-hero-page { min-height: 0; }
@media (max-width: 767px) {
.hero { min-height: 0; padding-top: 5.75rem; padding-bottom: 2.5rem; }
}