/* ════════════════════════════════════════════════════════════════════════════
   ZK EVENT — landing.css : page d'accueil (logo ZK + sélection salon)
   ════════════════════════════════════════════════════════════════════════════ */

.landing-view{
  position:fixed;inset:0;z-index:100;
  background:radial-gradient(ellipse at 20% 80%,#0a1628 0%,#0f1520 30%,#13102a 60%,#0a0d18 100%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  overflow:hidden;gap:32px;padding-top:6vh;zoom:.8;
}
.landing-view::before{content:'';position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(240,80,120,.12) 0%,transparent 70%);top:-200px;left:50%;transform:translateX(-50%);animation:blobPulse 5s ease-in-out infinite;}
.landing-view::after{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(43,100,200,.08) 0%,transparent 70%);bottom:-150px;left:50%;transform:translateX(-50%);animation:blobPulse 5s ease-in-out 2.5s infinite;}
@keyframes blobPulse{0%,100%{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.15)}}

.lnd-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.lnd-particle{position:absolute;border-radius:50%;animation:particleDrift var(--dur,8s) ease-in-out var(--delay,0s) infinite alternate;}
@keyframes particleDrift{0%{transform:translateY(0) translateX(0);opacity:var(--op,.3)}100%{transform:translateY(var(--dy,-40px)) translateX(var(--dx,20px));opacity:calc(var(--op,.3)*.4)}}

.lnd-center{position:relative;z-index:2;text-align:center;}
.lnd-logo-wrap{position:relative;display:inline-block;margin-bottom:14px;}
.lnd-logo-wrap::before{content:'';position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(240,80,120,.35) 0%,transparent 70%);animation:zkHalo 2.5s ease-in-out infinite;pointer-events:none;}
@keyframes zkHalo{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}

.lnd-logo{width:220px;height:auto;object-fit:contain;animation:zkEntrance .9s cubic-bezier(.36,.07,.19,.97) both,zkGlowWhite 2.8s ease-in-out 1s infinite;position:relative;z-index:1;background:transparent!important;mix-blend-mode:screen;display:block;border:none;}
video.lnd-logo{aspect-ratio:auto;width:260px;max-width:90vw;background:#000;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 50% 55% at center,#000 30%,rgba(0,0,0,.85) 50%,rgba(0,0,0,.4) 70%,transparent 92%);mask-image:radial-gradient(ellipse 50% 55% at center,#000 30%,rgba(0,0,0,.85) 50%,rgba(0,0,0,.4) 70%,transparent 92%);filter:contrast(1.15) brightness(1.1) saturate(1.1);}
@keyframes zkEntrance{0%{transform:scale(0.2);opacity:0;filter:blur(16px)}60%{transform:scale(1.1)}100%{transform:scale(1);opacity:1;filter:blur(0)}}
@keyframes zkGlowWhite{0%,100%{filter:drop-shadow(0 0 8px rgba(255,255,255,.85)) drop-shadow(0 0 22px rgba(255,255,255,.5)) drop-shadow(0 0 50px rgba(255,180,200,.35))}50%{filter:drop-shadow(0 0 18px rgba(255,255,255,1)) drop-shadow(0 0 38px rgba(255,255,255,.85)) drop-shadow(0 0 80px rgba(240,80,120,.55)) drop-shadow(0 0 120px rgba(255,255,255,.3))}}

.lnd-tagline{font-size:10px;color:rgba(255,255,255,.4);letter-spacing:4px;text-transform:uppercase;font-weight:700;animation:fadeSlideIn .7s ease .5s both;}
.lnd-subtitle{font-size:15px;color:rgba(255,255,255,.75);margin-top:6px;font-weight:600;animation:fadeSlideIn .7s ease .7s both;letter-spacing:.3px;}

.lnd-salons{display:flex;gap:22px;position:relative;z-index:2;animation:fadeSlideIn .8s ease 1s both;flex-wrap:wrap;justify-content:center;padding:0 20px;}
.lnd-salon-card{width:300px;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;border:1.5px solid rgba(255,255,255,.06);}
.lnd-salon-card:hover{transform:translateY(-12px) scale(1.02);}
.lnd-salon-card.adex{background:linear-gradient(160deg,#061728 0%,#0c2040 50%,#0d2a4a 100%);}
.lnd-salon-card.adex:hover{border-color:rgba(0,196,210,.5);box-shadow:0 30px 70px rgba(0,196,210,.2);}
.lnd-salon-card.hcp{background:linear-gradient(160deg,#06091a 0%,#0e1630 50%,#0a1220 100%);}
.lnd-salon-card.hcp:hover{border-color:rgba(180,150,50,.5);box-shadow:0 30px 70px rgba(180,150,50,.2);}

.lnd-card-top{height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.lnd-card-top.adex-bg{background:radial-gradient(ellipse at center,#072035 0%,#04111e 100%);}
.lnd-card-top.hcp-bg{background:radial-gradient(ellipse at center,#08112a 0%,#040812 100%);}
.lnd-card-top::before{content:'';position:absolute;width:200px;height:200px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:cardGlowPulse 3s ease-in-out infinite;}
.lnd-card-top.adex-bg::before{background:radial-gradient(circle,rgba(0,196,210,.25) 0%,transparent 70%);}
.lnd-card-top.hcp-bg::before{background:radial-gradient(circle,rgba(180,150,50,.2) 0%,transparent 70%);}
@keyframes cardGlowPulse{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}

.lnd-card-logo{max-height:88px;max-width:200px;width:auto;height:auto;object-fit:contain;position:relative;z-index:1;}
.lnd-card-logo.adex-anim{max-height:130px;max-width:240px;animation:adexLogoAnim 1s cubic-bezier(.36,.07,.19,.97) .3s both,adexGlow 3s ease-in-out 1.5s infinite;}
.lnd-card-logo.hcp-anim{animation:hcpLogoAnim 1s cubic-bezier(.36,.07,.19,.97) .5s both,hcpGlow 3s ease-in-out 1.5s infinite;}
@keyframes adexLogoAnim{0%{transform:scale(0.4) translateY(20px);opacity:0;filter:blur(8px)}70%{transform:scale(1.06) translateY(-4px)}100%{transform:scale(1) translateY(0);opacity:1;filter:blur(0)}}
@keyframes hcpLogoAnim{0%{transform:scale(0.4) translateY(20px);opacity:0;filter:blur(8px)}70%{transform:scale(1.06) translateY(-4px)}100%{transform:scale(1) translateY(0);opacity:1;filter:blur(0)}}
@keyframes adexGlow{0%,100%{filter:drop-shadow(0 0 8px rgba(0,196,210,.5))}50%{filter:drop-shadow(0 0 20px rgba(0,196,210,.9)) drop-shadow(0 0 50px rgba(0,196,210,.5))}}
@keyframes hcpGlow{0%,100%{filter:drop-shadow(0 0 8px rgba(200,168,75,.5))}50%{filter:drop-shadow(0 0 20px rgba(200,168,75,.9)) drop-shadow(0 0 50px rgba(200,168,75,.5))}}

.lnd-card-badge{position:absolute;top:12px;right:12px;font-size:9px;font-weight:800;padding:4px 11px;border-radius:20px;letter-spacing:.5px;z-index:2;}
.lnd-card-badge.live{background:linear-gradient(135deg,#28a745,#1e8e37);color:#fff;}
.lnd-card-badge.soon{background:rgba(255,255,255,.12);color:rgba(255,255,255,.75);}

.lnd-card-body{padding:18px 20px 22px;}
.lnd-card-name{font-size:12px;font-weight:900;color:rgba(255,255,255,.95);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;}
.lnd-card-desc{font-size:10.5px;color:rgba(255,255,255,.45);line-height:1.6;margin-bottom:16px;}
.lnd-card-btn{width:100%;border:none;border-radius:11px;padding:14px 16px;font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:900;cursor:pointer;letter-spacing:.5px;transition:all .35s cubic-bezier(.36,.07,.19,.97);position:relative;overflow:hidden;text-transform:uppercase;}
.lnd-card-btn.adex{background:linear-gradient(135deg,#00c4d2,#0088a0);color:#fff;}
.lnd-card-btn.hcp{background:linear-gradient(135deg,#c9a14c,#8b6f30);color:#fff;}
.lnd-card-btn:hover{transform:translateY(-2px);}