.elementor-8 .elementor-element.elementor-element-d29073d{--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;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-d29073d, .elementor-8 .elementor-element.elementor-element-d29073d::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-2ff4d57{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-ab3b5db .elementor-button{font-family:"Roboto Mono", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;background-color:#dc0c0c;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-746e45b .elementor-button{font-family:"Roboto Mono", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;background-color:#dc0c0c;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-ceb053f .elementor-button{font-family:"Roboto Mono", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;background-color:#dc0c0c;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-104a3cc .elementor-button{font-family:"Roboto Mono", Sans-serif;font-size:15px;font-weight:500;fill:#000000;color:#000000;background-color:#dc0c0c;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-1cdc58f{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-be82c6a{text-align:center;}.elementor-8 .elementor-element.elementor-element-be82c6a .elementor-heading-title{color:#FFFFFF;font-family:"Roboto Mono", Sans-serif;font-size:23px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-e5f6cf2{text-align:center;}.elementor-8 .elementor-element.elementor-element-e5f6cf2 .elementor-heading-title{color:#FFFFFF;font-family:"Roboto Mono", Sans-serif;font-size:23px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-774104c .elementor-button{font-family:"Roboto Mono", Sans-serif;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-color:#dc0c0c;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-df8aba1{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-3d9a31a > .elementor-widget-container{margin:-45px 0px -20px 0px;}.elementor-8 .elementor-element.elementor-element-3d9a31a img{width:100%;}.elementor-8 .elementor-element.elementor-element-26e3d58{--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;--background-transition:0.3s;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-26e3d58:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-26e3d58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thedemons.xyz/wp-content/uploads/2025/10/BG3.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-26e3d58, .elementor-8 .elementor-element.elementor-element-26e3d58::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-4964440{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#dc0c0c;--border-color:#dc0c0c;--border-radius:15px 15px 15px 15px;--margin-top:250px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8 .elementor-element.elementor-element-4964440:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-4964440 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(259deg, #DC0C0C6E 0%, #000000BA 100%);}.elementor-8 .elementor-element.elementor-element-4964440, .elementor-8 .elementor-element.elementor-element-4964440::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-c7f8492{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-c7f8492.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-c6b8986 img{width:75%;}.elementor-8 .elementor-element.elementor-element-7625141{text-align:center;}.elementor-8 .elementor-element.elementor-element-7625141 .elementor-heading-title{color:#FFFFFF;font-family:"Roboto Mono", Sans-serif;font-size:23px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-74a9fae{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-34954c2 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#dc0c0c;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-34954c2 .elementor-wrapper{--video-aspect-ratio:1;}.elementor-8 .elementor-element.elementor-element-b3b60e8{--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;--background-transition:0.3s;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-b3b60e8:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-b3b60e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thedemons.xyz/wp-content/uploads/2025/10/BG2.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-b3b60e8, .elementor-8 .elementor-element.elementor-element-b3b60e8::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-d6f620f{--display:flex;--background-transition:0.3s;--margin-top:200px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-33b5d0c img{width:70%;}.elementor-8 .elementor-element.elementor-element-fd84e27{text-align:center;}.elementor-8 .elementor-element.elementor-element-fd84e27 .elementor-heading-title{color:#FFFFFF;font-family:"Roboto Mono", Sans-serif;font-size:23px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-262ad3a{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-c6edefd{--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;--background-transition:0.3s;--margin-top:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-c6edefd:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-c6edefd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thedemons.xyz/wp-content/uploads/2025/10/BG4.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-c6edefd, .elementor-8 .elementor-element.elementor-element-c6edefd::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6dc6cff{--display:flex;--background-transition:0.3s;--margin-top:200px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-5dd661e img{width:60%;}.elementor-8 .elementor-element.elementor-element-e945d5e{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-673e455{--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;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#dc0c0c;--border-color:#dc0c0c;}.elementor-8 .elementor-element.elementor-element-673e455:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-673e455 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(161deg, #000000 16%, #850101 100%);}.elementor-8 .elementor-element.elementor-element-673e455, .elementor-8 .elementor-element.elementor-element-673e455::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-eb223d6{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-8db2196{--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;--overflow:hidden;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-8db2196, .elementor-8 .elementor-element.elementor-element-8db2196::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-55d0a21{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-266c914{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-266c914.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-cf2bef1 > .elementor-widget-container{margin:-70px -70px -70px -70px;}.elementor-8 .elementor-element.elementor-element-c953045{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-8856555 img{width:72%;}.elementor-8 .elementor-element.elementor-element-bfe78f3{text-align:center;}.elementor-8 .elementor-element.elementor-element-bfe78f3 .elementor-heading-title{color:#FFFFFF;font-family:"Roboto Mono", Sans-serif;font-size:27px;font-weight:700;}.elementor-8 .elementor-element.elementor-element-bda2c10{text-align:center;}.elementor-8 .elementor-element.elementor-element-bda2c10 .elementor-heading-title{color:#FFFFFF;font-family:"Roboto Mono", Sans-serif;font-size:23px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-93bf978 .elementor-button{font-family:"Roboto Mono", Sans-serif;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-color:#dc0c0c;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-5fadf29{--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;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-5fadf29:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-5fadf29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#dc0c0c;}.elementor-8 .elementor-element.elementor-element-5fadf29, .elementor-8 .elementor-element.elementor-element-5fadf29::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6a3fb4b{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-1aa6ccc{text-align:center;}.elementor-8 .elementor-element.elementor-element-1aa6ccc .elementor-heading-title{color:#FFFFFF;font-family:"Roboto Mono", Sans-serif;font-size:17px;font-weight:300;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-c7f8492{--width:60.619%;}.elementor-8 .elementor-element.elementor-element-266c914{--width:30.412%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-ab3b5db .elementor-button{font-size:12px;}.elementor-8 .elementor-element.elementor-element-746e45b .elementor-button{font-size:12px;}.elementor-8 .elementor-element.elementor-element-ceb053f .elementor-button{font-size:12px;}.elementor-8 .elementor-element.elementor-element-104a3cc .elementor-button{font-size:12px;}.elementor-8 .elementor-element.elementor-element-be82c6a .elementor-heading-title{font-size:17px;}.elementor-8 .elementor-element.elementor-element-e5f6cf2 .elementor-heading-title{font-size:17px;}.elementor-8 .elementor-element.elementor-element-774104c .elementor-button{font-size:12px;}.elementor-8 .elementor-element.elementor-element-3d9a31a > .elementor-widget-container{margin:-30px -30px -30px -30px;}.elementor-8 .elementor-element.elementor-element-c6b8986 img{width:100%;}.elementor-8 .elementor-element.elementor-element-7625141 .elementor-heading-title{font-size:17px;}.elementor-8 .elementor-element.elementor-element-33b5d0c img{width:90%;}.elementor-8 .elementor-element.elementor-element-fd84e27 .elementor-heading-title{font-size:17px;}.elementor-8 .elementor-element.elementor-element-cf2bef1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-8856555 img{width:78%;}.elementor-8 .elementor-element.elementor-element-bfe78f3 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-bda2c10 .elementor-heading-title{font-size:17px;}.elementor-8 .elementor-element.elementor-element-93bf978 .elementor-button{font-size:12px;}}/* Start custom CSS for image, class: .elementor-element-3d9a31a *//* === THE DEMÖNS • FADE + FLASH + SHAKE (Pure CSS / No Hover) === */
/* Cara pakai di Elementor:
   - Buka Image Widget > Advanced > CSS Classes
   - Isi: demon-fadeflash-shake
   - Paste CSS ini ke Site Settings / Page Custom CSS
*/

:root {
  --flash-color: 220, 12, 12;    /* warna merah iblis */
  --flash-speed: 4s;             /* durasi 1 siklus animasi */
  --flash-intensity: 1.25;       /* seberapa terang kilatan */
  --shake-range: 1.5px;          /* seberapa jauh getaran */
}

.demon-fadeflash-shake img,
.demon-fadeflash-shake {
  display: inline-block;
  animation: demonFadeFlashShake var(--flash-speed) ease-in-out infinite;
  filter: brightness(1) contrast(1);
  will-change: opacity, filter, transform;
}

/* === Fade + Flash + Shake Animation === */
@keyframes demonFadeFlashShake {
  0% {
    opacity: 0.7;
    transform: translate(0, 0);
    filter: brightness(1)
      drop-shadow(0 0 0 rgba(var(--flash-color), 0));
  }
  10% {
    transform: translate(calc(var(--shake-range) * -1), calc(var(--shake-range) * 1));
  }
  20% {
    transform: translate(calc(var(--shake-range) * 1), calc(var(--shake-range) * -1));
  }
  40% {
    opacity: 1;
    transform: translate(0, 0);
    filter: brightness(1.1)
      drop-shadow(0 0 6px rgba(var(--flash-color), 0.3));
  }
  50% {
    opacity: 1;
    transform: translate(calc(var(--shake-range) * -1), calc(var(--shake-range) * 0.5));
    filter: brightness(var(--flash-intensity))
      drop-shadow(0 0 14px rgba(var(--flash-color), 0.7))
      saturate(1.15);
  }
  60% {
    transform: translate(calc(var(--shake-range) * 0.5), calc(var(--shake-range) * -1));
    opacity: 1;
  }
  70% {
    transform: translate(0, 0);
    filter: brightness(1.08)
      drop-shadow(0 0 8px rgba(var(--flash-color), 0.4));
  }
  100% {
    opacity: 0.7;
    transform: translate(0, 0);
    filter: brightness(1)
      drop-shadow(0 0 0 rgba(var(--flash-color), 0));
  }
}

/* Responsif - Getaran lebih lembut di HP */
@media (max-width: 768px) {
  :root {
    --shake-range: 1px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d29073d */html, body {
  overflow-x: hidden !important;
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf2bef1 *//* ========= THE DEMÖNS • Image Flash Effects (pure CSS) ========= */
/* Pakai di Elementor: Advanced > CSS Classes = demon-flash (atau varian lain) */

:root{
  --flash-speed: 2.2s;          /* durasi 1 siklus */
  --flash-delay: 0s;            /* tunda awal */
  --flash-intensity: 1.35;      /* seberapa terang saat flash */
  --flash-blur: 0px;            /* blur saat flash (opsional) */
  --flash-red: 220,12,12;       /* warna glow merah (RGB) */
}

/* 1) Flash dasar + glow merah halus (loop) */
.demon-flash img,
.demon-flash {
  animation: demonFlash var(--flash-speed) ease-in-out infinite;
  will-change: filter, transform;
  display: inline-block;
  filter: brightness(1) contrast(1);
  animation-delay: var(--flash-delay);
}
@keyframes demonFlash{
  0%, 14%, 100% { filter: brightness(1) contrast(1) drop-shadow(0 0 0 rgba(var(--flash-red),0)); }
  15%          { filter: brightness(var(--flash-intensity)) contrast(1.05) drop-shadow(0 0 10px rgba(var(--flash-red),.55)); }
  17%          { filter: brightness(1) contrast(1) drop-shadow(0 0 0 rgba(var(--flash-red),0)); }
  18%          { filter: brightness(calc(var(--flash-intensity) + .05)) contrast(1.08) drop-shadow(0 0 14px rgba(var(--flash-red),.65)); }
  22%          { filter: brightness(1) contrast(1) drop-shadow(0 0 0 rgba(var(--flash-red),0)); }
}

/* 2) Flash lembut bernafas (lebih aman untuk mata) */
.demon-flash-soft img,
.demon-flash-soft {
  animation: demonSoft 3.6s ease-in-out infinite;
  filter: brightness(1) contrast(1);
}
@keyframes demonSoft{
  0%,100% { filter: brightness(1) contrast(1); }
  50%     { filter: brightness(1.12) contrast(1.04) drop-shadow(0 0 8px rgba(var(--flash-red),.35)); }
}

/* 3) Strobe pendek (sinematik, tetap halus) */
.demon-flash-strobe img,
.demon-flash-strobe {
  animation: demonStrobe 4.8s linear infinite;
}
@keyframes demonStrobe{
  0%, 8%   { filter: brightness(1) }
  9%       { filter: brightness(1.35) drop-shadow(0 0 12px rgba(var(--flash-red),.6)); }
  10%      { filter: brightness(1) }
  12%      { filter: brightness(1.28) drop-shadow(0 0 10px rgba(var(--flash-red),.5)); }
  14%,100% { filter: brightness(1) }
}

/* 4) Flash + micro-zoom (efek “kamera” ringan) */
.demon-flash-zoom img,
.demon-flash-zoom {
  animation: demonZoom 3.2s ease-in-out infinite;
  transform-origin: center center;
}
@keyframes demonZoom{
  0%,100% { transform: scale(1); filter: brightness(1); }
  45%     { transform: scale(1.01); }
  50%     { transform: scale(1.015) filter: brightness(1.18) drop-shadow(0 0 14px rgba(var(--flash-red),.55)); }
  55%     { transform: scale(1.01); }
}

/* 5) Flash + glitch tipis (opsional, tetap ramah mata) */
.demon-flash-glitch img,
.demon-flash-glitch {
  position: relative;
  animation: demonSoft 3.8s ease-in-out infinite;
}
.demon-flash-glitch::after{
  content:"";
  position:absolute; inset:0;
  background: inherit;           /* mengikuti gambar parent jika dijadikan background via Elementor */
  mix-blend-mode: screen;
  opacity: 0;
  animation: glitchBlink 3.8s steps(1) infinite;
  pointer-events: none;
}
@keyframes glitchBlink{
  0%, 96%, 100% { opacity: 0; transform: translate(0,0); filter:none; }
  97%          { opacity:.25; transform: translate(1px,-1px); filter: hue-rotate(-5deg) saturate(1.1); }
  98%          { opacity:.2;  transform: translate(-1px,1px); filter: hue-rotate(6deg)  saturate(1.1); }
}

/* Opsi: varian kecil (untuk logo kecil) */
@media (max-width: 768px){
  :root{ --flash-speed: 2.6s; }
}/* End custom CSS */