.elementor-6631 .elementor-element.elementor-element-d3b1caf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6631 .elementor-element.elementor-element-e0a31a1{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--border-radius:12px 12px 12px 12px;box-shadow:0px 15px 40px -10px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-6631 .elementor-element.elementor-element-e0a31a1:not(.elementor-motion-effects-element-type-background), .elementor-6631 .elementor-element.elementor-element-e0a31a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202946;}.elementor-6631 .elementor-element.elementor-element-ddc7373{--display:flex;}.elementor-6631 .elementor-element.elementor-element-22df94c{--display:flex;}.elementor-6631 .elementor-element.elementor-element-ac8d468{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 17px) 0px;}.elementor-6631 .elementor-element.elementor-element-ac8d468.elementor-element{--align-self:center;}.elementor-6631 .elementor-element.elementor-element-869c7ba{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-6631 .elementor-element.elementor-element-869c7ba.elementor-element{--align-self:center;}.elementor-6631 .elementor-element.elementor-element-a6ba358{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6631 .elementor-element.elementor-element-79f4ca0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6631 .elementor-element.elementor-element-c5da857{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6631 .elementor-element.elementor-element-f1567d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6631 .elementor-element.elementor-element-04bd8e2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6631 .elementor-element.elementor-element-04bd8e2.e-con{--flex-grow:0;--flex-shrink:0;}body.elementor-page-6631:not(.elementor-motion-effects-element-type-background), body.elementor-page-6631 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151B2E;}@media(max-width:1024px){.elementor-6631 .elementor-element.elementor-element-d3b1caf{--justify-content:center;}.elementor-6631 .elementor-element.elementor-element-e0a31a1{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}/* Start custom CSS for html, class: .elementor-element-b38fe9e */.lia-hero-title-wrap{
  text-align: center;
  padding: 10px 0 0;
}

.lia-hero-kicker{
  color: #f8fafc;
  font-size: 14px;
  letter-spacing: 0.7em;
  text-transform: uppercase;
  margin-bottom: 12px;
  opacity: 0.95;
}

.lia-hero-title{
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  font-size: clamp(42px, 7vw, 76px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.04em;

  background: linear-gradient(
    90deg,
    #1e40af 0%,
    #2563eb 40%,
    #3b82f6 70%,
    #38BDF899 100%
  );

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  text-shadow:
   rgba(56,189,248,0.2);
}

/* LIGHT SWEEP */
.lia-hero-title::after{
  content: "";
  position: absolute;
  top: -8%;
  left: -20%;
  width: 18%;
  height: 116%;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.06) 35%,
    rgba(255,255,255,0.22) 50%,
    rgba(255,255,255,0.06) 65%,
    rgba(255,255,255,0) 100%
  );

  transform: skewX(-20deg) translateX(-320%);
  filter: blur(0.5px);
  animation: liaLightSweep 7.5s ease-in-out infinite;
}

@keyframes liaLightSweep{
  0%{
    transform: skewX(-20deg) translateX(-320%);
    opacity: 0;
  }
  8%{
    opacity: 0;
  }
  14%{
    opacity: 1;
  }
  30%{
    transform: skewX(-20deg) translateX(820%);
    opacity: 1;
  }
  36%{
    opacity: 0;
  }
  100%{
    transform: skewX(-20deg) translateX(820%);
    opacity: 0;
  }
}

.lia-hero-subtitle{
  margin: 18px 0 0;
  color: #cbd5e1;
  font-size: 20px;
  font-size: clamp(16px, 2vw, 20px);
  position: relative;
  font-weight: 500;
}

.lia-section-heading{
  position: relative;
  overflow: hidden;
  margin: 0 0 18px;
  padding: 14px 18px;
  border-radius: 8px;
  background: linear-gradient(90deg, #1b2a41, #162033);
  border: 1px solid #080808;
  box-shadow: 0 6px 12px 2px rgba(0,0,0,.6);
}

.lia-section-heading::before{
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #38bdf8, #a855f7, transparent);
  opacity: .9;
}

.lia-section-heading.hardcore{
  background: linear-gradient(90deg, #7a2626, #5a1c1c);
}

.lia-section-heading-title{
  margin: 0;
  color: #ffffff;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
  text-shadow:
    0 2px 10px rgba(0,0,0,.45),
    0 0 12px rgba(56,189,248,.10);
}

@media (max-width: 767px){
  .lia-hero-kicker{
    font-size: 12px;
    letter-spacing: 0.45em;
  }

  .lia-section-heading{
    padding: 12px 14px;
  }

  .lia-section-heading-title{
    font-size: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac8d468 */.server-main,
.discord-card,
.ark-stats,
.ark-stat{
  box-sizing: border-box;
}

.server-main{
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 18px;
  flex-wrap: nowrap;
  max-width: 1100px;
  margin: 0 auto 25px;
}

/* DISCORD */
.discord-card{
  background: linear-gradient(180deg,#1a2238,#131a2c);
  border-radius: 12px;
  padding: 14px 16px;
  color: white;
  width: 340px;
  flex: 0 0 340px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.discord-header{
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}

.discord-header img{
  width: 18px;
  height: 18px;
}

.discord-join{
  display: block;
  width: 100%; /* 🔥 IMPORTANT */

  text-align: center;

  background: linear-gradient(90deg,#5865F2,#7289da);
  padding: 10px;
  border-radius: 10px;

  text-decoration: none;
  color: white;
  font-weight: 600;

  margin-top: 10px;

  box-sizing: border-box; /* 🔥 évite débordement */
}

.discord-join:hover{
  box-shadow: 0 0 20px rgba(114,137,218,0.6);
  transform: translateY(-2px);
}

.lia-flags{
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}

.lia-flags img{
  width: 18px;
  height: 14px;
  border-radius: 3px;
  box-shadow: 0 0 6px rgba(0,0,0,.4);
  transition: transform .2s ease, box-shadow .2s ease;
}

.lia-flags img:hover{
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 0 10px rgba(56,189,248,.4);
}

/* STATS */
.ark-stats{
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 14px;
  flex: 1;
  align-items: stretch;
}

.ark-stat{
  background: linear-gradient(180deg,#1a2238,#131a2c);
  padding: 12px 14px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 110px;
  min-width: 0;
}

.ark-icon{
  font-size: 18px;
  display: block;
  margin-bottom: 4px;
}

.ark-value{
  font-size: 18px;
  font-weight: 700;
  color: #7CFFB2;
  display: block;
}

.ark-label{
  font-size: 11px;
  color: #9fb3d9;
  line-height: 1.2;
}

/* pulse */
.discord-online-dot{
  width: 10px;
  height: 10px;
  background: #4cff9a;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  animation: pulse 2s infinite;
}

@keyframes pulse{
  0%{ box-shadow: 0 0 0 0 rgba(76,255,154,0.7); }
  70%{ box-shadow: 0 0 0 10px rgba(76,255,154,0); }
  100%{ box-shadow: 0 0 0 0 rgba(76,255,154,0); }
}

/* TABLETTE */
@media (max-width: 900px){
  .server-main{
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    width: 100%;
    padding: 0 10px;
  }

  .discord-card{
    width: 100%;
    max-width: 360px;
    flex: unset;
  }

  .ark-stats{
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* MOBILE */
@media (max-width: 600px){
  .server-main{
    width: 100%;
    padding: 0 10px;
  }

  .discord-card{
    width: 100%;
    max-width: 100%;
    padding: 12px 14px;
  }

  .discord-header{
    font-size: 15px;
  }

  .ark-stats{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .ark-stat{
    min-width: 0;
    min-height: auto;
    padding: 8px 6px;
    border-radius: 10px;
  }

  .ark-icon{
    font-size: 14px;
    margin-bottom: 4px;
  }

  .ark-value{
    font-size: 15px;
  }

  .ark-label{
    font-size: 9px;
    line-height: 1.2;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-869c7ba */.lia-nav{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px auto 24px;
  padding: 0 10px;
}

.lia-nav a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;

  padding: 8px 14px;
  border-radius: 10px;

  background: linear-gradient(145deg, rgba(36,49,73,.95), rgba(27,36,54,.95));
  border: 1px solid rgba(56,189,248,.18);

  color: #dbe7f3;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;

  box-shadow:
    0 6px 16px rgba(0,0,0,.22),
    0 0 10px rgba(56,189,248,.04);

  transition: all .25s ease;
}

.lia-nav a:hover{
  transform: translateY(-2px);
  color: #ffffff;
  border-color: rgba(56,189,248,.38);
  background: linear-gradient(145deg, rgba(42,57,84,.98), rgba(30,40,60,.98));
  box-shadow:
    0 10px 22px rgba(0,0,0,.28),
    0 0 14px rgba(56,189,248,.10);
}

.lia-nav a:active{
  transform: translateY(0);
}

.lia-nav a:focus-visible{
  outline: 2px solid rgba(168,85,247,.65);
  outline-offset: 2px;
}

@media (max-width: 768px){
  .lia-nav{
    gap: 8px;
    margin: 14px auto 20px;
  }

  .lia-nav a{
    font-size: 13px;
    padding: 7px 12px;
    border-radius: 9px;
  }
}

@media (max-width: 480px){
  .lia-nav{
    gap: 6px;
  }

  .lia-nav a{
    font-size: 12px;
    padding: 6px 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-651b0df */.lia-info-card.green{
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(34,197,94,.10), rgba(15,23,42,.90)),
    linear-gradient(145deg,#243149,#1b2436);
  border: 1px solid rgba(34,197,94,.38);
  box-shadow:
    0 12px 30px rgba(0,0,0,.28),
    0 0 16px rgba(34,197,94,.10);
  transition: all .25s ease;
}

.lia-info-card.green .lia-info-icon{
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: linear-gradient(145deg, rgba(15,23,42,.92), rgba(18,40,28,.92));
  border: 1px solid rgba(34,197,94,.30);
  box-shadow:
    0 0 12px rgba(34,197,94,.12),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.lia-info-text{
  min-width: 0;
  color: #dcfce7;
  font-size: 1.02rem;
  line-height: 1.4;
  font-weight: 600;
  text-wrap: balance;
}

.lia-info-text strong{
  color: #4ade80;
}

@media (max-width: 768px){
  .lia-info-card.green{
    gap: 12px;
    padding: 14px;
    border-radius: 12px;
    align-items: flex-start;
  }

  .lia-info-card.green .lia-info-icon{
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    font-size: 20px;
    border-radius: 12px;
  }

  .lia-info-text{
    font-size: 0.95rem;
    line-height: 1.45;
  }
}

@media (max-width: 480px){
  .lia-info-card.green{
    gap: 10px;
    padding: 12px;
  }

  .lia-info-card.green .lia-info-icon{
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    font-size: 18px;
  }

  .lia-info-text{
    font-size: 0.9rem;
    line-height: 1.45;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37b4029 */.lia-maintenance{
  padding: 20px;
  border-radius: 12px;
  background: linear-gradient(145deg,#1f2a3d,#162033);
  border: 1px solid rgba(56,189,248,.2);
  box-shadow: 0 10px 30px rgba(0,0,0,.3);
}

.lia-maintenance-title{
  text-align: center;
  margin: 0 0 10px;
  color: #38BDF899;
  font-size: clamp(30px, 5vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  text-wrap: balance;
}

.lia-api-title{
  text-align: center;
  margin: 0 0 10px;
  color: #38BDF899;
  font-size: clamp(28px, 4.2vw, 48px);
  line-height: 1.08;
  letter-spacing: -0.03em;
  text-wrap: balance;
}

.lia-maintenance-sub{
  text-align: center;
  color: #9fb3d9;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}

.lia-maintenance-grid{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 15px;
}

.lia-box{
  background: linear-gradient(145deg,#243149,#1b2436);
  border-radius: 10px;
  padding: 15px;
  border: 1px solid rgba(56,189,248,.2);
}

.lia-maintenance-card-title{
  margin: 0 0 10px;
  color: #38BDF899;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.lia-api-card-title{
  margin: 0 0 12px;
  color: #38BDF8;
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.15;
  text-wrap: balance;
}

.lia-small{
  font-size: 13px;
  color: #94a3b8;
  margin-top: 5px;
  line-height: 1.5;
}

.lia-center{
  text-align: center;
  color: #94a3b8;
  font-size: 22px;
  margin: 10px 0;
}

.lia-highlight{
  text-align: center;
  font-weight: 600;
  color: #7dd3fc;
  line-height: 1.45;
}

.lia-warning{
  margin-top: 10px;
  padding: 10px;
  border-radius: 8px;
  background: rgba(239,68,68,0.1);
  border: 1px solid rgba(239,68,68,0.5);
  color: #f87171;
  font-size: 13px;
  line-height: 1.5;
}

.lia-api-section{
  margin-top: 24px;
}

.lia-api-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.lia-api-box{
  height: 100%;
  box-shadow:
    0 12px 28px rgba(0,0,0,.22),
    0 0 14px rgba(56,189,248,.05);
}

.lia-api-list{
  margin: 0;
  padding-left: 18px;
  color: #c7d6f2;
}

.lia-api-list li{
  margin-bottom: 10px;
  line-height: 1.5;
}

.lia-api-list strong{
  color: #7dd3fc;
}

.lia-api-warning{
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: #fecaca;
  background: linear-gradient(145deg, rgba(239,68,68,.12), rgba(30,20,20,.6));
  border: 1px solid rgba(239,68,68,.5);
  box-shadow:
    0 0 12px rgba(239,68,68,.12),
    inset 0 1px 0 rgba(255,255,255,.03);
}

@media (max-width: 1024px){
  .lia-api-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px){
  .lia-maintenance{
    padding: 16px;
  }

  .lia-maintenance-grid{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .lia-maintenance-title{
    font-size: 24px;
    line-height: 1.12;
    margin-bottom: 10px;
  }

  .lia-api-title{
    font-size: 24px;
    line-height: 1.12;
    margin-bottom: 10px;
  }

  .lia-maintenance-sub{
    font-size: 13px;
    margin-bottom: 16px;
    padding: 0 4px;
  }

  .lia-box{
    padding: 14px;
  }

  .lia-maintenance-card-title{
    font-size: 18px;
    line-height: 1.15;
    margin-bottom: 10px;
  }

  .lia-api-card-title{
    font-size: 18px;
    line-height: 1.15;
    margin-bottom: 10px;
  }

  .lia-center{
    font-size: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bcb358 */.lia-info-card.green{
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(34,197,94,.10), rgba(15,23,42,.90)),
    linear-gradient(145deg,#243149,#1b2436);
  border: 1px solid rgba(34,197,94,.38);
  box-shadow:
    0 12px 30px rgba(0,0,0,.28),
    0 0 16px rgba(34,197,94,.10);
  transition: all .25s ease;
}

.lia-info-card.green .lia-info-icon{
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: linear-gradient(145deg, rgba(15,23,42,.92), rgba(18,40,28,.92));
  border: 1px solid rgba(34,197,94,.30);
  box-shadow:
    0 0 12px rgba(34,197,94,.12),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.lia-info-text{
  min-width: 0;
  color: #dcfce7;
  font-size: 1.02rem;
  line-height: 1.4;
  font-weight: 300;
  text-wrap: normal;
}

.lia-critical-title{
  color: #dcfce7;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 6px;
  text-shadow: 0 0 10px rgba(74,222,128,.08);
}

@media (max-width: 768px){
  .lia-info-card.green{
    gap: 12px;
    padding: 14px;
    border-radius: 12px;
    align-items: flex-start;
  }

  .lia-info-card.green .lia-info-icon{
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    font-size: 20px;
    border-radius: 12px;
  }

  .lia-info-text{
    font-size: 0.95rem;
    line-height: 1.45;
  }
}

@media (max-width: 480px){
  .lia-info-card.green{
    gap: 10px;
    padding: 12px;
  }

  .lia-info-card.green .lia-info-icon{
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    font-size: 18px;
  }

  .lia-info-text{
    font-size: 0.9rem;
    line-height: 1.45;
  }
}/* End custom CSS */