.dfe{position:relative;width:100%;font-family:"Nunito",ui-rounded,"Segoe UI",system-ui,sans-serif;color:#fff;line-height:1.3;}
.dfe *,.dfe *::before,.dfe *::after{box-sizing:border-box;}
.dfe .dfe-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0;}
.dfe .dfe-scene{position:relative;max-width:1180px;min-height:500px;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.dfe .dfe-bulles{position:absolute;inset:0;pointer-events:none;}
.dfe .dfe-puce{position:absolute;display:flex;align-items:center;gap:11px;max-width:260px;padding:9px 16px 9px 9px;border-radius:999px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:0 12px 26px -14px rgba(0,10,60,.75);opacity:0;margin:0;}
.dfe .dfe-puce i{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:21px;line-height:1;}
.dfe .dfe-puce i img.emoji{width:22px !important;height:22px !important;margin:0 !important;}
.dfe .dfe-puce span{display:flex;flex-direction:column;line-height:1.15;}
.dfe .dfe-puce b{font-size:15px;font-weight:900;color:#fff;}
.dfe .dfe-puce small{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.84);}
.dfe .dfe-puce.dfe-entre{animation:dfe-surgit .55s cubic-bezier(.2,1.6,.45,1) forwards;}
.dfe .dfe-puce.dfe-sort{animation:dfe-sevole .5s ease-in forwards;}
@keyframes dfe-surgit{0%{opacity:0;transform:translateY(12px) scale(.5) rotate(var(--tilt));}100%{opacity:1;transform:translateY(0) scale(1) rotate(var(--tilt));}}
@keyframes dfe-sevole{0%{opacity:1;transform:translateY(0) scale(1) rotate(var(--tilt));}100%{opacity:0;transform:translateY(-16px) scale(.85) rotate(var(--tilt));}}
.dfe .dfe-centre{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;}
.dfe .dfe-logo{position:relative;width:min(300px,62vw);aspect-ratio:1;}
.dfe .dfe-logo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block;margin:0;}
.dfe .dfe-logo .dfe-main{transform-origin:78% 59%;}
.dfe .dfe-eclat{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;pointer-events:none;opacity:0;}
.dfe .dfe-eclat svg{width:100%;height:100%;display:block;}
.dfe a.dfe-bouton{display:inline-flex;align-items:center;gap:11px;padding:14px 24px 14px 18px;border-radius:999px;background:#fff;color:#0b1f6e;
  text-decoration:none;font-weight:900;font-size:17px;line-height:1.2;box-shadow:0 14px 30px -12px rgba(0,8,50,.8);position:relative;overflow:hidden;transition:transform .2s;}
.dfe a.dfe-bouton:hover{transform:translateY(-2px);color:#0b1f6e;}
.dfe a.dfe-bouton:focus-visible{outline:3px solid #ffd479;outline-offset:3px;}
.dfe a.dfe-bouton svg{width:28px;height:28px;flex:none;}
.dfe a.dfe-bouton::after{content:"";position:absolute;top:-20%;bottom:-20%;width:30%;left:-40%;background:linear-gradient(100deg,transparent,rgba(88,101,242,.25),transparent);transform:skewX(-18deg);}
.dfe .dfe-sous{margin:-8px 0 0;font-size:13.5px;font-weight:800;color:rgba(255,255,255,.85);text-align:center;}
.dfe.dfe-anime .dfe-logo{animation:dfe-arrivee .9s cubic-bezier(.2,1.4,.4,1) both, dfe-flotte 4.5s ease-in-out 1s infinite;}
.dfe.dfe-anime .dfe-logo .dfe-main{animation:dfe-coucou 3.6s ease-in-out 1.2s infinite;}
.dfe.dfe-anime .dfe-eclat{animation:dfe-scintille 2.4s ease-in-out infinite;}
.dfe.dfe-anime a.dfe-bouton{animation:dfe-arrivee .7s cubic-bezier(.2,1.4,.4,1) .8s both;}
.dfe.dfe-anime a.dfe-bouton::after{animation:dfe-reflet 3.5s ease-in-out 1.8s infinite;}
.dfe.dfe-anime .dfe-sous{animation:dfe-fondu .6s ease 1.1s both;}
@keyframes dfe-arrivee{from{opacity:0;transform:scale(.6);}to{opacity:1;transform:scale(1);}}
@keyframes dfe-flotte{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes dfe-coucou{0%,55%,100%{transform:rotate(0);}62%{transform:rotate(-14deg);}70%{transform:rotate(10deg);}78%{transform:rotate(-10deg);}86%{transform:rotate(6deg);}}
@keyframes dfe-scintille{0%,100%{opacity:0;transform:scale(.4) rotate(0);}50%{opacity:1;transform:scale(1) rotate(45deg);}}
@keyframes dfe-reflet{0%{left:-40%;}40%,100%{left:120%;}}
@keyframes dfe-fondu{from{opacity:0;}to{opacity:1;}}
@media (max-width:900px){
  .dfe .dfe-scene{min-height:0;flex-direction:column;padding-block:96px;}
  .dfe .dfe-puce{max-width:min(300px,calc(100% - 8px));padding:7px 13px 7px 7px;}
  .dfe .dfe-puce i{width:34px;height:34px;font-size:18px;}
  .dfe .dfe-puce b{font-size:13.5px;}
  .dfe .dfe-puce small{font-size:11.5px;}
}
.dfe .dfe-statique{display:none;}
@media (prefers-reduced-motion:reduce){
  .dfe.dfe-anime .dfe-logo,.dfe.dfe-anime .dfe-logo .dfe-main,.dfe.dfe-anime .dfe-eclat,.dfe.dfe-anime a.dfe-bouton,.dfe.dfe-anime a.dfe-bouton::after,.dfe.dfe-anime .dfe-sous{animation:none !important;}
  .dfe .dfe-eclat{opacity:.9;}
  .dfe .dfe-bulles{display:none;}
  .dfe .dfe-scene{flex-direction:column;}
  .dfe .dfe-statique{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;max-width:760px;}
  .dfe .dfe-statique .dfe-puce{position:static;opacity:1;}
}