:root {
  --navy: #18243a;
  --ink: #18243a;
  --muted: #586474;
  --coral: #b6443d;
  --cream: #f8f6f1;
  --paper: #ffffff;
  --line: #dde1e5;
  --sans: "Atkinson Hyperlegible", sans-serif;
  --serif: "DM Serif Display", Georgia, serif;
  --font: "Atkinson Hyperlegible", sans-serif;
  --shadow: 0 16px 42px rgba(23, 36, 58, .08);
}

body { font: 400 17px/1.55 var(--sans); letter-spacing: .002em; }
h1, h2, h3 { letter-spacing: -.025em; }
.display, .section-title { font-family: var(--serif) !important; font-weight: 400 !important; }
.member-title h2, .member-welcome h1,.account-intro h1, .forms h2, .signup-shell h1, .signup-shell h2 {font-family:var(--sans)!important;font-weight:700!important}
.display { font-size: clamp(36px, 4.2vw, 58px); line-height: 1.08; }
.section-title { font-size: clamp(30px, 3.3vw, 44px); line-height: 1.12; }
.lead { font-size: 19px; line-height: 1.6; }
.eyebrow { font-size: 12px; letter-spacing: .12em; }

.header { height: 76px; gap: 32px; background: rgba(248, 246, 241, .97); }
.logo img { width: 46px; height: 46px; }
.logo span {
  min-width: auto; padding: 0; background: transparent; color: var(--navy);
  border-radius: 0; box-shadow: none; font-size: 13px; line-height: .92;
  letter-spacing: .01em;
}
.logo span::after { display: none; }
.logo strong { font-size: 20px; font-weight: 700; letter-spacing: -.03em; }
.nav { gap: 24px; height: 100%; align-items: stretch; }
.nav a {
  display: flex; align-items: center; padding: 2px 0 0; border-bottom-width: 2px;
  font-size: 14px; font-weight: 600; color: #4e596b;
}
.actions { gap: 14px; }
.link-button { font-size: 14px; font-weight: 600; }
.button { min-height: 52px; padding: 0 22px; border-radius: 10px; font-size: 18px; font-weight: 700; box-shadow: none; background:#b6443d; }
.button:hover{background:#96362f}
.section { padding: 86px 0; }
.page-hero { padding: 78px 0 62px; background: #faf9f7; }
.trustbar div { padding: 19px; }
.trustbar b { font-size: 18px; }
.card, .profile, .story-card, .story-frame, .editorial-card,
.price-card, .contact-card, .contact-form, .faq details {
  border-radius: 11px; box-shadow: none;
}
.card { padding: 26px; }
.card:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(23, 36, 58, .07); }
.card .number { font: 600 31px/1 var(--sans); }
.card h3 { font: 600 25px/1.2 var(--sans); }
.editorial-card { padding: 48px; }
.editorial-card h3 { font: 600 34px/1.15 var(--sans); }
.editorial-card::before { font-family: var(--sans); font-weight: 700; }
.story-copy blockquote, .quote-wall .card p { font-family: var(--sans); font-weight: 500; }
.story-copy blockquote { font-size: 25px; }
.story-card h2 { font: 600 31px/1.15 var(--sans); }
.cta-band h2 { font: 600 40px/1.1 var(--sans); }
.faq details { padding: 17px 20px; }
.faq summary { font-weight: 600; }
.footer { padding-top: 54px; }
.footer h3 { font-size: 16px; letter-spacing: 0; }
.footer a, .footer p { font-size: 15px; }

/* Espace membre */
.member-header { min-height: 74px; padding: 0 3.5vw; gap: 24px; box-shadow: none; }
.member-header nav { height: 74px; gap: 2px; }
.member-header nav button, #logout {
  padding: 0 11px; border-bottom: 2px solid transparent; border-radius: 0;
  font-size: 14px; font-weight: 600; white-space: nowrap;
}
.member-header nav button.active { border-bottom-width: 2px; }
.member-main { width: min(1120px, calc(100% - 48px)); margin-top: 34px; }
.member-welcome h1 { font-size: clamp(36px, 4.5vw, 47px) !important; }
.member-welcome aside { padding: 13px 16px; border-radius: 8px; }
.member-tools { margin: 28px 0; gap: 12px; }
.member-tools article {
  padding: 18px 20px; border: 1px solid var(--line); border-radius: 9px;
  background: #fff; color: var(--ink);
}
.member-tools span, .member-tools small { color: var(--muted); }
.member-tools button { background: transparent; color: var(--coral); padding: 6px 0; font-weight: 600; }
.member-tools strong { font-size: 21px; }
.member-title { margin: 38px 0 16px; }
.member-title h2 { font-size: clamp(28px, 3.2vw, 36px) !important; line-height: 1.14; }
.member-search-panel { padding: 17px; border-radius: 10px; box-shadow: none; }
.member-search-main { grid-template-columns: minmax(260px, 2fr) minmax(180px, 1fr) auto; align-items: end; }
.profile-search-submit { min-height: 46px; padding: 0 22px; }
.member-search-panel input, .member-search-panel select,
.member-form input, .member-form textarea, .member-form select {
  border-radius: 6px; border-color: #cfd5dc; box-shadow: none;
}
.member-search-panel input:focus, .member-search-panel select:focus,
.member-form input:focus, .member-form textarea:focus, .member-form select:focus {
  outline: 2px solid rgba(200, 95, 85, .22); outline-offset: 1px; border-color: var(--coral);
}
.member-card { border-radius: 10px; box-shadow: none; }
.member-card:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(23, 36, 58, .08); }
.member-card h3 { font-family: var(--sans); font-size: 23px; font-weight: 600; }
.member-card-content { padding: 17px 18px 19px; }
.member-actions button { border-radius: 6px; font-weight: 600; }
.profile-intro-card, .profile-form-premium, .album-choice-card {
  border-radius: 11px; box-shadow: none;
}
.profile-intro-icon { width: 36px; height: 36px; font-size: 16px; }
.profile-section legend { font: 600 21px/1.2 var(--sans); }
.member-photo-slot { border-radius: 8px; }
.account-grid article { border-radius: 10px; box-shadow: none; }
dialog { border-radius: 11px; }
dialog h2 { font-family: var(--sans); font-size: 29px; font-weight: 600; }

/* Connexion et inscription */
.account-card, .signup-shell { border-radius: 12px; box-shadow: var(--shadow); }
.account-intro, .forms, .signup-shell aside, .signup-shell > section { padding: 48px; }
.account-intro h1 { font-size: 43px !important; }
.forms h2, .signup-shell h2 { font-size: 32px !important; }
input, select, textarea, .primary { border-radius: 6px; }
.primary { font-size: 16px; font-weight: 600; }

/* Back-office */
.sidebar nav button { border-radius: 6px; font-weight: 500; }
.sidebar nav button.active { background: rgba(255, 255, 255, .1); }
.login-card, .members-panel, .winner-panel, .stats article { border-radius: 10px; box-shadow: none; }
main > header h1 { font-family: var(--sans); font-size: 39px; font-weight: 600; }
.stats strong { font-family: var(--sans); font-size: 33px; font-weight: 600; }
.reveal{opacity:1;transform:none}

/* Accueil 2026 */
.home-hero{padding:64px 0 72px;background:#f8f6f1}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:48px;align-items:center}.home-hero-copy h1{font:400 clamp(40px,4.5vw,58px)/1.09 var(--serif);color:var(--navy);margin:14px 0 22px;max-width:690px}.home-hero-copy .lead{max-width:650px}.home-hero-photo{margin:0;border-radius:16px;overflow:hidden;background:#e7e2da;aspect-ratio:1.04}.home-hero-photo img{width:100%;height:100%;object-fit:cover}.home-hero .hero-ctas{align-items:center;margin-top:28px}.text-link{color:#8c302b;text-underline-offset:4px;font-weight:700}.reassurance{color:var(--muted);font-size:16px;margin-top:22px}.reassurance span{padding:0 6px}.interest-section{padding:64px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.interest-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.interest-list span{padding:10px 16px;border:1px solid var(--line);border-radius:999px;color:var(--navy);background:#fff}.profile-showcase{background:#f8f6f1}.example-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.example-profile{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.example-photo{position:relative;aspect-ratio:4/5;background:#e8e4dc}.example-photo img{width:100%;height:100%;object-fit:cover}.example-photo span{position:absolute;left:12px;top:12px;padding:6px 9px;background:rgba(255,255,255,.94);border-radius:8px;font-size:14px;color:var(--navy)}.example-profile>div:last-child{padding:22px}.example-profile h3{font:700 25px/1.2 var(--sans);margin:0;color:var(--navy)}.example-profile p{color:var(--muted);margin:8px 0 14px}.example-profile .profile-city{color:var(--navy);font-weight:700;margin-bottom:10px}.example-profile ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:7px}.example-profile li{font-size:14px;padding:5px 9px;background:#f1f3f5;border-radius:999px}.center-action{text-align:center;margin-top:32px}.steps-section{background:#fff}.simple-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.simple-steps article{border-top:1px solid #b8c0c9;padding-top:22px}.simple-steps span{color:var(--coral);font-weight:700}.simple-steps h3{font-size:24px;margin:12px 0 8px}.simple-steps p{color:var(--muted);margin:0}.confidence-section{background:#f8f6f1}.confidence-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px}.confidence-grid>div:first-child>p:not(.eyebrow){color:var(--muted)}.confidence-points{display:grid;gap:12px}.confidence-points article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}.confidence-points h3{font-size:21px;margin:0 0 5px}.confidence-points p{color:var(--muted);margin:0}.offer-faq{background:#fff}.offer-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:64px}.offer-summary>div{padding:30px}.offer-summary>div+div{border-left:1px solid var(--line)}.offer-summary h2{font-size:30px;margin:6px 0}.offer-summary p:last-child{color:var(--muted)}.home-faq{max-width:860px;margin:auto}.final-invitation{padding:72px 0;background:var(--navy);color:#fff;text-align:center}.final-invitation h2{font:400 clamp(36px,4vw,50px)/1.1 var(--serif);margin:10px 0 28px}.final-invitation .eyebrow{color:#f2aaa4}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

@media (max-width: 1120px) {
  .header { height: 74px; }
  .header .nav{display:none}.header .menu{display:block}.header.open{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:16px}.header.open .nav{display:grid;order:4;width:100%;gap:0}.header.open .nav a{min-height:48px;padding:0;border-bottom:1px solid var(--line)}
  .member-header { flex-wrap: wrap; padding: 10px 18px; }
  .member-header nav { order: 3; width: 100%; height: auto; overflow-x: auto; border-top: 1px solid var(--line); }
  .member-header nav button { min-height: 46px; }
}
@media (max-width: 760px) {
  .member-search-main { grid-template-columns: 1fr; }
  .profile-search-submit { width: 100%; }
}
@media (max-width: 650px) {
  body { font-size: 16px; }
  .display { font-size: 43px; }
  .lead { font-size: 17px; }
  .section { padding: 64px 0; }
  .account-intro, .forms, .signup-shell aside, .signup-shell > section { padding: 30px 24px; }
}
@media(max-width:900px){.home-hero-grid,.confidence-grid{grid-template-columns:1fr}.home-hero-photo{max-height:460px}.example-profiles,.simple-steps{grid-template-columns:1fr}.example-profile{display:grid;grid-template-columns:180px 1fr}.example-photo{height:100%;aspect-ratio:auto}.offer-summary{grid-template-columns:1fr}.offer-summary>div+div{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:560px){.home-hero{padding:40px 0 48px}.home-hero-grid{gap:28px}.home-hero-copy h1{font-size:36px}.home-hero .hero-ctas{align-items:stretch}.home-hero .hero-ctas{flex-direction:column}.home-hero-photo{aspect-ratio:4/3}.interest-section{padding:44px 0}.example-profile{display:block}.example-photo{aspect-ratio:4/5}.offer-summary>div{padding:24px}.final-invitation{padding:56px 0}}
.legal-copy{max-width:840px}.legal-copy h2{font:700 23px/1.25 var(--sans);margin:34px 0 8px}.legal-copy h2:first-child{margin-top:0}.legal-copy p{color:var(--muted);margin:0;line-height:1.7}.legal-copy a{color:#8c302b;font-weight:700}

/* Second Départ — identité éditoriale commune */
:root{
  --navy:#1e2d3e;
  --ink:#263449;
  --muted:#657181;
  --coral:#a64e45;
  --cream:#f6f4ef;
  --paper:#fffefa;
  --line:#dedfdc;
  --shadow:0 18px 50px rgba(30,45,62,.075);
  --ease-out:cubic-bezier(.23,1,.32,1);
}
html{scroll-padding-top:80px}
body{background:var(--cream);color:var(--ink);font-size:16px;line-height:1.62}
button,input,select,textarea{font-family:var(--sans)}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #aa5448;outline-offset:3px}
.container{width:min(1160px,calc(100% - 56px))}
.prelaunch{display:none}
.header{height:72px;padding-inline:max(28px,calc((100vw - 1160px)/2));gap:27px;background:rgba(250,249,245,.96);box-shadow:none;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.header .logo{margin-right:auto;min-width:158px}
.header .logo img{height:42px;width:42px;margin-right:7px}
.header .logo span,.footer .logo span{font-size:12px;line-height:.93}
.header .logo strong,.footer .logo strong{font-size:19px;line-height:1}
.nav{gap:21px}
.nav a{font-size:13px;letter-spacing:0;font-weight:700;color:#485568;border-bottom:2px solid transparent;padding:0 0 1px}
.nav a:hover,.nav a.active{color:var(--coral);border-color:var(--coral)}
.actions{gap:15px;white-space:nowrap}
.link-button{font-size:13px;color:var(--navy)}
.button{min-height:45px;padding:0 20px;border-radius:7px;background:var(--coral);box-shadow:none;font-size:14px;line-height:1.2;transition:background-color 180ms ease,transform 150ms var(--ease-out)}
.button:hover{background:#883b34;transform:none}
.button:active,.member-primary:active,.primary:active{transform:scale(.97)}
.button.secondary{border-color:var(--line)}
.menu{color:var(--navy);font-weight:700;font-size:14px;cursor:pointer}
.eyebrow{color:var(--coral);font-size:11px;letter-spacing:.11em;line-height:1.3}
.display{font:400 clamp(36px,4vw,56px)/1.09 var(--serif);letter-spacing:-.025em;max-width:900px;margin:14px 0 18px}
.display em{color:var(--coral)}
.section-title{font:400 clamp(30px,3.1vw,44px)/1.12 var(--serif);letter-spacing:-.02em;margin:11px 0 17px;max-width:820px}
.lead{font-size:17px;line-height:1.7;color:#566272;max-width:660px}
.section{padding:76px 0}
.page-hero{padding:64px 0 56px;background:#f9f8f5;border-bottom:1px solid var(--line)}
.page-hero .container{max-width:1160px}
.page-hero .lead{margin-bottom:0}
.home-hero{padding:60px 0 66px;background:#f8f7f3}
.home-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:52px}
.home-hero-copy h1{font-size:clamp(38px,4vw,54px);line-height:1.1;max-width:650px;margin:12px 0 20px}
.home-hero-copy .lead{font-size:17px;max-width:595px}
.home-hero-photo{aspect-ratio:1.11;border-radius:5px;box-shadow:14px 14px 0 #e7e2d9;max-height:500px}
.home-hero-photo img{object-position:center 46%}
.home-hero .hero-ctas{margin-top:25px;gap:22px}
.reassurance{font-size:13px;margin-top:26px}
.text-link{color:#8e4039;font-size:14px}
.interest-section{padding:45px 0;background:var(--paper)}
.interest-section .container{display:flex;align-items:center;gap:28px}
.interest-section .eyebrow{margin:0;min-width:175px}
.interest-section .section-title{font:400 25px/1.15 var(--serif);margin:0;max-width:345px}
.interest-list{margin:0 0 0 auto;gap:6px;justify-content:flex-end}
.interest-list span{font-size:12px;padding:7px 11px;border-radius:4px;background:#f8f7f3}
.profile-showcase{background:#f2f1ed}
.example-profiles{gap:17px}
.example-profile{border-radius:6px;border-color:#dcdedc;box-shadow:none}
.example-photo{aspect-ratio:1.08}
.example-photo img{object-position:center 28%}
.example-photo span{border-radius:3px;font-size:11px;padding:4px 7px;left:10px;top:10px}
.example-profile>div:last-child{padding:17px 18px 19px}
.example-profile h3{font-size:20px;letter-spacing:-.02em}
.example-profile p{font-size:13px;line-height:1.55;margin:6px 0 10px}
.example-profile .profile-city{font-size:12px;margin:2px 0 8px}
.example-profile li{font-size:11px;border-radius:3px;padding:3px 7px;background:#f2f3f2}
.center-action{margin-top:28px}
.simple-steps{gap:42px}
.simple-steps article{padding-top:18px}
.simple-steps span{font-size:12px}
.simple-steps h3{font-size:19px;margin:8px 0 6px}
.simple-steps p,.confidence-points p{font-size:14px;line-height:1.6}
.confidence-section{background:#f8f7f3}
.confidence-grid{gap:65px}
.confidence-points article{padding:16px 19px;border-radius:5px}
.confidence-points h3{font-size:17px}
.offer-summary{border-radius:5px;margin-bottom:50px}
.offer-summary>div{padding:25px}
.offer-summary h2{font-size:24px}
.offer-summary p{font-size:14px}
.faq{gap:0;border-top:1px solid var(--line)}
.faq details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:17px 0}
.faq summary{font-size:15px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:23px;font-weight:400;color:var(--coral);line-height:1}
.faq details[open] summary::after{content:'−'}
.faq p{font-size:14px;line-height:1.7;margin:12px 0 3px;max-width:750px}
.final-invitation{padding:60px 0;background:var(--navy)}
.final-invitation h2{font-size:clamp(32px,3.5vw,46px)}
.footer{padding:48px 0 22px;background:#1d2c3c}
.footer-grid{gap:35px}
.footer p,.footer a{font-size:13px}
.footer h3{font-size:13px}
.footer .logo{justify-content:flex-start}
.footer .logo span{color:#fff}
.legal{margin-top:32px;padding-top:18px;font-size:12px}
.timeline article{grid-template-columns:66px 1fr;gap:21px;padding:25px 0}
.timeline b{font:400 42px/1 var(--serif)}
.timeline h3{font:700 20px/1.25 var(--sans)}
.timeline p{font-size:14px;color:var(--muted);margin:7px 0 0}
.scene-strip{min-height:185px}
.scene-strip span{left:20px;bottom:15px;font-size:16px}
.scene-strip img{filter:saturate(.85)}
.profile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.profile.rich{border-radius:5px;box-shadow:none}
.profile.rich .profile-photo{flex-basis:215px}
.profile.rich .profile-info{padding:14px 15px 17px}
.profile.rich .profile-info h3{font-size:18px}
.profile.rich .profile-info p{font-size:12px}
.tags span,.match{font-size:11px;border-radius:3px}
.match{background:#eaf1ed;color:#2d6658;padding:4px 7px}
.editorial-card{background:var(--navy);padding:35px;border-radius:5px}
.editorial-card::before{display:none}
.editorial-card h3{font:700 22px/1.2 var(--sans)}
.checklist li{font-size:14px}
.cards{gap:15px}
.card{border-radius:5px;padding:23px}
.card .number{font-size:27px}
.card h3{font:700 20px/1.2 var(--sans);margin:12px 0 6px}
.card p{font-size:14px;color:var(--muted)}
.card:hover{transform:none;box-shadow:0 8px 22px rgba(30,45,62,.07)}
.cta-band{background:var(--navy);padding:48px 0}
.cta-band h2{font:400 32px/1.14 var(--serif)}
.cta-band .button{background:var(--coral)}
.stories-grid{gap:17px}
.story-card{border-radius:5px}
.story-card img{height:245px}
.story-card>div{padding:25px}
.story-card h2{font:400 27px/1.15 var(--serif)}
.story-card p,.story-card blockquote{font-size:14px;line-height:1.65}
.story-card .disclosure{font-size:12px}
.hero-slider.richer{height:440px;min-height:440px}
.hero-slider.richer .display{max-width:620px}
.hero-slider.richer .slide img{transform:none}
.hero-slider.richer .slide-copy>div{max-width:650px}
.hero-slider.richer .slide::after{background:linear-gradient(90deg,rgba(17,29,45,.88),rgba(17,29,45,.2))}
.quote-wall .card p{font:400 20px/1.35 var(--serif)}
.contact-card,.contact-form{border-radius:5px;padding:28px}
.contact-card h2{font-size:26px!important}
.contact-card p{font-size:14px}
.contact-form{gap:12px}
.contact-form label{font-size:14px;font-weight:700}
.contact-form input,.contact-form select,.contact-form textarea{border-radius:4px;padding:10px 11px;font-size:14px}
.warning{border-left-width:3px;border-radius:4px;font-size:14px}
.legal-content{max-width:850px}
.legal-content h2{font:700 21px/1.25 var(--sans);margin:32px 0 8px}
.legal-content p,.legal-content li{font-size:14px;line-height:1.75;color:var(--muted)}

/* Espace membre : les rencontres passent avant les compteurs */
.member-header{min-height:68px;padding-inline:max(24px,calc((100vw - 1160px)/2));gap:16px;background:#faf9f5}
.member-header .logo{min-width:145px}
.member-header nav{height:68px;gap:0}
.member-header nav button,#logout{font-size:12px;padding:0 9px;font-weight:700}
.member-header>div{gap:3px}
#memberName{font-size:12px;color:var(--muted)}
.member-main{width:min(1100px,calc(100% - 56px));margin:32px auto 80px}
.member-welcome{align-items:start;gap:25px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.member-welcome .eyebrow{margin:0}
.member-welcome h1{font:700 clamp(27px,3vw,36px)/1.2 var(--sans)!important;margin:5px 0}
.member-welcome p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}
.member-welcome aside{padding:9px 12px;border:1px solid #e8dbc1;background:#faf3df;border-radius:4px}
.member-welcome aside>span{width:26px;height:26px;font-size:13px}
.member-welcome aside strong{font-size:12px}
.member-welcome aside small{font-size:11px}
body:not([data-member-view="account"]) .member-tools{display:none}
.member-tools{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.member-tools article{padding:15px 17px;border-radius:4px}
.member-tools span,.member-tools small{font-size:12px}
.member-tools strong{font-size:18px;margin:4px 0}
.member-tools button{font-size:12px}
.member-title{margin:24px 0 17px;gap:18px}
.member-title h2{font:700 clamp(22px,2.5vw,30px)/1.15 var(--sans)!important}
.member-title p{font-size:13px}
.member-title .eyebrow{margin-bottom:7px}
.online-caption{font-size:11px}
.member-profiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.member-card{border-radius:5px;box-shadow:none}
.member-card:hover{transform:none;box-shadow:0 9px 25px rgba(30,45,62,.09)}
.member-photo{height:208px!important;background:#e8e9e7!important}
.member-card-content{padding:14px 15px 16px}
.member-card h3{font-size:19px}
.member-card p{font-size:12px;margin:3px 0 9px}
.member-bio{-webkit-line-clamp:2}
.member-actions button{font-size:12px;border-radius:4px;padding:8px}
.profile-link{font-size:12px}
.online-dot{font-size:10px;border-radius:3px}
.safety-actions button{font-size:11px}
.member-search-panel{border-radius:5px;margin:15px 0 21px;padding:17px}
.member-search-panel label{font-size:12px}
.member-search-panel input,.member-search-panel select{min-height:42px;border-radius:4px;font-size:13px}
.member-search-filters button{border-radius:4px}
.empty-state{max-width:none!important;width:100%;padding:32px!important;border:1px dashed #c9cfce;border-radius:5px;background:#fffefa}
.empty-state h3{font:700 18px/1.3 var(--sans)!important}
.empty-state p{font-size:13px;max-width:520px}
.empty-state .member-primary{margin-top:8px}
.member-primary{border-radius:4px!important;font-size:13px!important;min-height:43px}
.profile-intro-card,.profile-form-premium,.album-choice-card,.account-grid article{border-radius:5px;box-shadow:none}
.profile-intro-card{padding:16px 18px;margin:17px 0}
.profile-intro-card strong{font-size:15px}
.profile-intro-card p{font-size:13px}
.profile-section{padding-top:20px;margin-top:20px}
.profile-section legend{font:700 18px/1.2 var(--sans)}
.profile-form-premium{padding:24px}
.profile-section label{font-size:13px}
.member-form input,.member-form textarea,.member-form select{border-radius:4px;font-size:14px}
.member-photo-slot{border-radius:4px}
.album-choice-card h3{font:700 22px/1.2 var(--sans)}
.album-choice-list label{border-radius:4px}
.private-notice{border-radius:4px;font-size:13px}
dialog{border-radius:6px}
dialog::backdrop{background:rgba(18,31,46,.66)}
.profile-dialog{max-height:min(86vh,850px)}
.profile-detail-copy h2{font-size:28px}
.member-toast{border-radius:4px;font-size:13px;z-index:100}

/* Connexion, inscription et administration */
.signup-page{background:#f6f4ef}
.signup-layout{gap:42px;margin-top:38px}
.signup-guide h1{font:400 38px/1.1 var(--serif)}
.signup-form-card{border-radius:6px;box-shadow:none;padding:31px}
.signup-step h2,.signup-complete h2{font:700 25px/1.2 var(--sans)}
.step-intro,.signup-guide>p:not(.eyebrow){font-size:14px}
.form-grid label,.referral-details label{font-size:13px}
.form-grid input,.referral-details input{min-height:45px;border-color:#b9c2c9;border-radius:4px;font-size:14px}
.signup-actions .button,.secondary-action{min-height:45px;border-radius:4px;font-size:14px}
.consent{font-size:13px}
.login-page{background:#f6f4ef}
.login-header{background:#faf9f5}
.account-card{border-radius:6px;box-shadow:none}
.forms{padding:33px}
.forms h1{font-size:27px}
.forms label,.forms p{font-size:13px}
.forms input,.primary{border-radius:4px}
.sidebar nav button,.login-card,.members-panel,.winner-panel,.stats article{border-radius:4px}

@media (hover:hover) and (pointer:fine){
  .example-profile,.member-card{transition:box-shadow 180ms ease,border-color 180ms ease}
  .example-profile:hover{border-color:#bdc2c0;box-shadow:0 7px 22px rgba(30,45,62,.06)}
}
@media(max-width:1180px){
  .header{padding-inline:28px}
  .nav{gap:14px}
  .nav a{font-size:12px}
  .member-header{padding-inline:16px}
  .member-header .logo{min-width:120px}
  .member-header nav button,#logout{padding:0 6px;font-size:11px}
}
@media(max-width:980px){
  .header .nav{display:none}
  .header .menu{display:block}
  .header.open .nav{display:grid}
  .interest-section .container{display:block}
  .interest-section .section-title{margin:9px 0 18px}
  .interest-list{justify-content:flex-start}
  .member-header{flex-wrap:wrap;gap:5px}
  .member-header nav{display:flex;order:3;width:100%;height:auto;overflow-x:auto;border-top:1px solid var(--line);scrollbar-width:thin}
  .member-header nav button{min-height:43px;flex:none;font-size:12px;padding:0 11px}
  .member-header>div{margin-left:auto}
  .member-profiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .container,.member-main{width:calc(100% - 36px)}
  .header{height:66px;padding-inline:18px;gap:10px}
  .header .logo{min-width:auto}
  .header .logo img{height:39px;width:39px}
  .header .logo span{display:inline-flex;font-size:11px}
  .header .logo strong{font-size:17px}
  .actions .button{min-height:39px;padding:0 11px;font-size:12px}
  .header .menu{font-size:12px}
  .home-hero{padding:35px 0 49px}
  .home-hero-grid{gap:30px}
  .home-hero-copy h1{font-size:38px}
  .home-hero-photo{max-height:330px;box-shadow:8px 8px 0 #e7e2d9}
  .home-hero .hero-ctas{align-items:flex-start;flex-direction:row;flex-wrap:wrap}
  .section{padding:55px 0}
  .page-hero{padding:45px 0 38px}
  .display{font-size:38px}
  .example-profiles,.simple-steps,.cards{grid-template-columns:1fr}
  .example-profile{display:grid;grid-template-columns:37% 1fr}
  .example-photo{height:100%;aspect-ratio:auto}
  .example-profile>div:last-child{padding:14px}
  .simple-steps{gap:25px}
  .confidence-grid{gap:25px}
  .scene-strip{grid-template-columns:1fr 1fr 1fr;min-height:100px}
  .scene-strip div{height:150px}
  .scene-strip span{font-size:11px;left:8px;bottom:8px}
  .profile-grid{grid-template-columns:1fr 1fr}
  .profile.rich .profile-photo{flex-basis:180px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:18px}
  .member-welcome{display:block}
  .member-welcome aside{margin-top:13px;max-width:270px}
  .member-tools{grid-template-columns:1fr}
  .member-profiles{grid-template-columns:1fr 1fr;gap:9px}
  .member-card{display:block}
  .member-photo{height:170px!important}
  .member-card-content{padding:11px}
  .member-card h3{font-size:16px}
  .member-card p{font-size:11px}
  .member-actions{grid-template-columns:1fr}
  .member-search-main,.member-search-filters{grid-template-columns:1fr 1fr}
  .profile-search-submit{grid-column:1/-1}
  .member-search-filters button{grid-column:1/-1}
  .signup-layout{margin-top:20px}
  .signup-form-card{padding:23px 19px}
}
@media(max-width:460px){
  .example-profile{grid-template-columns:120px 1fr}
  .example-profile p:not(.profile-city){display:none}
  .scene-strip{display:none}
  .profile-grid{grid-template-columns:1fr}
  .member-profiles{grid-template-columns:1fr}
  .member-photo{height:215px!important}
  .member-actions{grid-template-columns:1fr 1fr}
  .member-search-main,.member-search-filters{grid-template-columns:1fr}
  .hero-slider.richer{height:390px;min-height:390px}
  .hero-slider.richer .display{font-size:34px}
  .story-card.wide{display:block}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .button,.member-card,.example-profile,.member-toast{transition:none!important}
}