.elementor-8 .elementor-element.elementor-element-5047d68{--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;--overlay-opacity:0.5;}.elementor-8 .elementor-element.elementor-element-5047d68::before, .elementor-8 .elementor-element.elementor-element-5047d68 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-5047d68 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-5047d68 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-5047d68 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-5047d68 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-8 .elementor-element.elementor-element-5047d68, .elementor-8 .elementor-element.elementor-element-5047d68::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-83a9858{--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;}.elementor-8 .elementor-element.elementor-element-80fd40c{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-80fd40c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-9ea49d3{text-align:left;}.elementor-8 .elementor-element.elementor-element-9ea49d3 img{width:53%;}.elementor-8 .elementor-element.elementor-element-5e43c7c{--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:space-between;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-e9aa046 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #d3a74e 0%, #ab7834 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#dbb76e;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-e9aa046 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-e9aa046 .elementor-button:focus{color:#ab7834;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-color:#ab7834;}.elementor-8 .elementor-element.elementor-element-e9aa046 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-e9aa046 .elementor-button:focus svg{fill:#ab7834;}.elementor-8 .elementor-element.elementor-element-0889d90 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #d3a74e 0%, #ab7834 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#dbb76e;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-0889d90 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-0889d90 .elementor-button:focus{color:#ab7834;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-color:#ab7834;}.elementor-8 .elementor-element.elementor-element-0889d90 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-0889d90 .elementor-button:focus svg{fill:#ab7834;}.elementor-8 .elementor-element.elementor-element-b494363 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #d3a74e 0%, #ab7834 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#dbb76e;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-b494363 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-b494363 .elementor-button:focus{color:#ab7834;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-color:#ab7834;}.elementor-8 .elementor-element.elementor-element-b494363 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-b494363 .elementor-button:focus svg{fill:#ab7834;}.elementor-8 .elementor-element.elementor-element-8ddfc05 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #d3a74e 0%, #ab7834 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#dbb76e;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-8ddfc05 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-8ddfc05 .elementor-button:focus{color:#ab7834;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-color:#ab7834;}.elementor-8 .elementor-element.elementor-element-8ddfc05 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-8ddfc05 .elementor-button:focus svg{fill:#ab7834;}.elementor-8 .elementor-element.elementor-element-5c18923{--display:flex;--background-transition:0.3s;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-75f9e74 img{width:85%;}.elementor-8 .elementor-element.elementor-element-7c62a36{text-align:center;}.elementor-8 .elementor-element.elementor-element-7c62a36 .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:30px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-c057b92 > .elementor-widget-container{margin:24px 0px -10px 0px;}.elementor-8 .elementor-element.elementor-element-c057b92{text-align:center;}.elementor-8 .elementor-element.elementor-element-c057b92 .elementor-heading-title{color:#d3a74e;font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-244f66c .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #d3a74e 0%, #ab7834 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#dbb76e;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-244f66c .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-244f66c .elementor-button:focus{color:#ab7834;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-color:#ab7834;}.elementor-8 .elementor-element.elementor-element-244f66c .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-244f66c .elementor-button:focus svg{fill:#ab7834;}.elementor-8 .elementor-element.elementor-element-923c8d4{--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-923c8d4:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-923c8d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(141deg, #d3a74e 0%, #ab7834 100%);}.elementor-8 .elementor-element.elementor-element-923c8d4, .elementor-8 .elementor-element.elementor-element-923c8d4::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-65a41a1{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-150a2be{--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;--overlay-opacity:0.5;}.elementor-8 .elementor-element.elementor-element-150a2be:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-150a2be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://chimaevpower.xyz/wp-content/uploads/2025/08/2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-150a2be::before, .elementor-8 .elementor-element.elementor-element-150a2be > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-150a2be > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-150a2be > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-150a2be > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-150a2be > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-8 .elementor-element.elementor-element-150a2be, .elementor-8 .elementor-element.elementor-element-150a2be::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-483eef0{--display:flex;--background-transition:0.3s;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-1d03053 img{width:100%;border-style:solid;border-width:2px 2px 2px 2px;border-color:#d3a74e;border-radius:15px 15px 15px 15px;}.elementor-8 .elementor-element.elementor-element-d788cea{--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:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-109a2fc{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-63f9053 img{width:50%;}.elementor-8 .elementor-element.elementor-element-54eed69 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-54eed69{text-align:center;}.elementor-8 .elementor-element.elementor-element-54eed69 .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:25px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-6f439f9{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-4f4f882 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:2px 2px 2px 2px;border-color:#d3a74e;border-radius:15px 15px 15px 15px;}.elementor-8 .elementor-element.elementor-element-e2e6997{--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-e2e6997:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e2e6997 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(141deg, #d3a74e 0%, #ab7834 100%);}.elementor-8 .elementor-element.elementor-element-e2e6997, .elementor-8 .elementor-element.elementor-element-e2e6997::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-3889311{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-232fd8e{--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;--overlay-opacity:0.5;}.elementor-8 .elementor-element.elementor-element-232fd8e:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-232fd8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://chimaevpower.xyz/wp-content/uploads/2025/08/4.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-232fd8e::before, .elementor-8 .elementor-element.elementor-element-232fd8e > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-232fd8e > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-232fd8e > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-232fd8e > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-232fd8e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-8 .elementor-element.elementor-element-232fd8e, .elementor-8 .elementor-element.elementor-element-232fd8e::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-bfeb50b{--display:flex;--background-transition:0.3s;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-4ca1792{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-3febf31{--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-3febf31:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-3febf31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(141deg, #d3a74e 0%, #ab7834 100%);}.elementor-8 .elementor-element.elementor-element-3febf31, .elementor-8 .elementor-element.elementor-element-3febf31::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-c3a75dc{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-de423b2{--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;--overlay-opacity:0.5;}.elementor-8 .elementor-element.elementor-element-de423b2::before, .elementor-8 .elementor-element.elementor-element-de423b2 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-de423b2 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-de423b2 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-de423b2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-de423b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-8 .elementor-element.elementor-element-de423b2, .elementor-8 .elementor-element.elementor-element-de423b2::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-e6ea9c9{--display:flex;--background-transition:0.3s;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-7979048 img{width:77%;}.elementor-8 .elementor-element.elementor-element-6b5c3fe{text-align:center;}.elementor-8 .elementor-element.elementor-element-6b5c3fe .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:30px;font-weight:300;}.elementor-8 .elementor-element.elementor-element-9c55d0e{--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;--justify-content:center;--align-items:center;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-612eb64 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #d3a74e 0%, #ab7834 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#dbb76e;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-612eb64 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-612eb64 .elementor-button:focus{color:#ab7834;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-color:#ab7834;}.elementor-8 .elementor-element.elementor-element-612eb64 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-612eb64 .elementor-button:focus svg{fill:#ab7834;}.elementor-8 .elementor-element.elementor-element-d033f5c .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #d3a74e 0%, #ab7834 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#dbb76e;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-d033f5c .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-d033f5c .elementor-button:focus{color:#ab7834;background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-color:#ab7834;}.elementor-8 .elementor-element.elementor-element-d033f5c .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-d033f5c .elementor-button:focus svg{fill:#ab7834;}.elementor-8 .elementor-element.elementor-element-7386060{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-d7ded18 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:2px 2px 2px 2px;border-color:#d3a74e;border-radius:15px 15px 15px 15px;}.elementor-8 .elementor-element.elementor-element-792ba94{--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-792ba94:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-792ba94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(141deg, #d3a74e 0%, #ab7834 100%);}.elementor-8 .elementor-element.elementor-element-792ba94, .elementor-8 .elementor-element.elementor-element-792ba94::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-c5c43b9{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-91ab4ee{text-align:center;}.elementor-8 .elementor-element.elementor-element-91ab4ee .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:20px;font-weight:300;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-80fd40c{--width:43.302%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-83a9858{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-8 .elementor-element.elementor-element-9ea49d3{text-align:center;}.elementor-8 .elementor-element.elementor-element-5e43c7c{--justify-content:center;}.elementor-8 .elementor-element.elementor-element-e9aa046 .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-0889d90 .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-b494363 .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-8ddfc05 .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-75f9e74 img{width:100%;}.elementor-8 .elementor-element.elementor-element-7c62a36 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-244f66c .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-63f9053 img{width:81%;}.elementor-8 .elementor-element.elementor-element-54eed69 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-7979048 img{width:95%;}.elementor-8 .elementor-element.elementor-element-6b5c3fe .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-612eb64 .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-d033f5c .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-91ab4ee .elementor-heading-title{font-size:12px;}}/* Start custom CSS for container, class: .elementor-element-83a9858 *//* ========== THEME TOKENS ========== */
:root{
  --cp-bg1:#0b0f1a;
  --cp-bg2:#12172a;
  --cp-grad1:#6b8cff;      /* biru lembut */
  --cp-grad2:#b37cff;      /* ungu lembut */
  --cp-accent:#d6d2ff;     /* aksen tipis */
  --cp-glass:rgba(255,255,255,.08);
  --cp-border:rgba(255,255,255,.18);
  --cp-shadow:0 10px 30px rgba(0,0,0,.35);
}

/* ========== WRAPPER CONTAINER ========== */
.cp-container{
  position:relative;
  padding:min(8vw,72px);
  border-radius:28px;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(111,76,255,.16), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(63,139,255,.14), transparent 60%),
    linear-gradient(180deg, var(--cp-bg1), var(--cp-bg2));
  overflow:hidden;
  isolation:isolate;                 /* pisahkan pseudo-element */
  box-shadow: var(--cp-shadow);
  /* border gradient halus via masking */
}
.cp-container::before{
  content:"";
  position:absolute; inset:0;
  padding:1px; border-radius:28px;
  background: linear-gradient(120deg, rgba(179,124,255,.9), rgba(107,140,255,.9));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0); 
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events:none;
  opacity:.6;
}

/* Aurora lembut mengambang (tanpa berat) */
.cp-container::after{
  content:"";
  position:absolute; inset:-20%;
  background:
    radial-gradient(38% 22% at 30% 30%, rgba(179,124,255,.14) 0, transparent 60%),
    radial-gradient(30% 20% at 75% 65%, rgba(107,140,255,.16) 0, transparent 60%),
    radial-gradient(22% 16% at 55% 85%, rgba(214,210,255,.10) 0, transparent 70%);
  filter: blur(20px);
  animation: cp-aurora 14s ease-in-out infinite alternate;
  z-index:0;
  pointer-events:none;
  opacity:.9;
}
@keyframes cp-aurora{
  0%   { transform: translate3d(-2%, -1%, 0) rotate(0.001deg); }
  100% { transform: translate3d(2%, 1%, 0)  rotate(0.001deg); }
}

/* ========== GLASS CARD DI DALAM CONTAINER ========== */
.cp-glass{
  position:relative; z-index:1;
  max-width:980px; margin:0 auto;
  padding:clamp(24px, 5vw, 48px);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius:24px;
  border:1px solid var(--cp-border);
  box-shadow: 0 6px 30px rgba(0,0,0,.25);
  color:#eef1ff;
  transform: translateZ(0); /* komposisi lebih halus */
}

/* Shine tipis saat hover (kelas opsional cp-shine) */
.cp-glass.cp-shine::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.18) 50%, transparent 80%);
  transform: translateX(-120%);
  transition: transform .9s cubic-bezier(.22,.61,.36,1);
  border-radius:inherit;
  pointer-events:none;
}
.cp-glass.cp-shine:hover::after{
  transform: translateX(120%);
}

/* Micro-interaction: hover lift */
.cp-glass{ transition: transform .35s ease, box-shadow .35s ease; }
.cp-glass:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 50px rgba(0,0,0,.35);
}

/* ========== TYPOGRAPHY ========== */
.cp-glass h1,.cp-glass h2,.cp-glass h3{
  margin:0 0 10px; line-height:1.15;
  letter-spacing:.2px;
  background: linear-gradient(90deg, var(--cp-grad1), var(--cp-grad2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.cp-glass p{
  margin:0 0 16px; color:#dfe4ff; opacity:.92;
}

/* ========== BUTTON (opsional) ========== */
.cp-btn{
  display:inline-block;
  padding:12px 20px;
  border-radius:999px;
  font-weight:600;
  text-decoration:none;
  color:#0d1020;
  background: linear-gradient(90deg, var(--cp-grad1), var(--cp-grad2));
  box-shadow: 0 8px 24px rgba(113,104,255,.35);
  transition: transform .2s ease, box-shadow .25s ease, filter .25s ease;
  will-change: transform, box-shadow;
}
.cp-btn:hover{ transform: translateY(-2px); filter:saturate(1.05); }
.cp-btn:active{ transform: translateY(0); box-shadow: 0 4px 14px rgba(0,0,0,.3); }

/* ========== BREATHING BORDER (opsional, tambahkan ke .cp-container) ========== */
.cp-container.cp-breathe::before{
  animation: cp-breathe 5.5s ease-in-out infinite;
}
@keyframes cp-breathe{
  0%,100%{ opacity:.45 }
  50%    { opacity:.85 }
}

/* ========== RESPONSIVE TWEAKS ========== */
@media (max-width: 720px){
  .cp-container{ padding:24px; border-radius:22px; }
  .cp-container::before{ border-radius:22px; }
  .cp-glass{ border-radius:20px; padding:22px; }
}

/* ========== DARK MODE SAFETY ========== */
@media (prefers-color-scheme: dark){
  :root{ --cp-accent:#e6e4ff; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-75f9e74 *//* =======================================
   GEMERLAP CHROME – CSS ONLY
   ======================================= */
:root{
  /* Palet chrome (perak) + opsi gold */
  --ch-s1:#f7f7f7; --ch-s2:#dcdcdc; --ch-s3:#bdbdbd; --ch-s4:#8f8f8f; --ch-s5:#4a4a4a;
  --gold-1:#fff8d6; --gold-2:#f6d980; --gold-3:#e6b44a; --gold-4:#c58b22; --gold-5:#8a5a12;

  /* Kontrol animasi */
  --sweep-angle: 70deg;
  --sweep-speed: 2.8s;
  --twinkle-speed: 3.8s;        /* durasi twinkle acak */
  --ring-alpha: .35;
  --glow-alpha: .22;
}

/* =======================================
   1) CHROME CONTAINER – gemerlap + border metal
   Pakai di card/box/tombol: class="chrome-gemerlap"
   ======================================= */
.chrome-gemerlap{
  position: relative;
  display: block;
  border-radius: 20px;
  overflow: hidden;
  isolation: isolate;

  /* CinCin Chrome (border) */
  border: 2px solid transparent;
  background:
    linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.04)) padding-box,
    linear-gradient(135deg,
      var(--ch-s5) 0%,
      var(--ch-s3) 16%,
      var(--ch-s1) 30%,
      var(--ch-s4) 46%,
      var(--ch-s2) 64%,
      #101010 80%,
      var(--ch-s3) 100%) border-box;

  /* Glass lembut + glow */
  backdrop-filter: blur(10px) saturate(1.05) contrast(1.02);
  -webkit-backdrop-filter: blur(10px) saturate(1.05) contrast(1.02);
  box-shadow:
    0 8px 22px rgba(0,0,0,.18),
    0 0 18px rgba(200,200,220,var(--glow-alpha)),
    inset 0 1px 0 rgba(255,255,255,.35);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

/* Refleksi sapuan (shine line) */
.chrome-gemerlap::after{
  content:"";
  position:absolute; inset:-35%;
  pointer-events:none;
  mix-blend-mode: screen;
  background:
    linear-gradient(var(--sweep-angle),
      rgba(255,255,255,0) 45%,
      rgba(255,255,255,.9) 50%,
      rgba(255,255,255,0) 55%);
  transform: translateX(-160%) rotate(0.001deg);
  animation: ch-sweep var(--sweep-speed) ease-in-out infinite;
  opacity:.65;
}

/* Bintang mikro (twinkle) */
.chrome-gemerlap::before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  /* pola titik multi-layer untuk twinkle */
  background:
    radial-gradient(circle at 10% 20%, rgba(255,255,255,.9) 0 1px, transparent 1.2px),
    radial-gradient(circle at 35% 70%, rgba(255,255,255,.9) 0 1px, transparent 1.2px),
    radial-gradient(circle at 70% 30%, rgba(255,255,255,.9) 0 1px, transparent 1.2px),
    radial-gradient(circle at 85% 80%, rgba(255,255,255,.9) 0 1px, transparent 1.2px),
    radial-gradient(circle at 55% 50%, rgba(255,255,255,.9) 0 1px, transparent 1.2px);
  filter: drop-shadow(0 0 6px rgba(255,255,255,.45));
  animation: ch-twinkle var(--twinkle-speed) steps(2,end) infinite;
  opacity:.8;
}

/* Hover: naik + glow lebih kuat */
.chrome-gemerlap:hover{
  transform: translateY(-3px);
  box-shadow:
    0 14px 30px rgba(0,0,0,.22),
    0 0 28px rgba(200,200,240,.35),
    inset 0 1px 0 rgba(255,255,255,.4);
}

/* =======================================
   2) TEKS CHROME – gemerlap + shimmer
   Pakai di judul/logo: class="chrome-text-gemerlap"
   ======================================= */
.chrome-text-gemerlap{
  position: relative;
  display:inline-block;
  font-weight: 800;
  letter-spacing:.3px;
  background:
    linear-gradient(180deg,
      var(--ch-s1) 0%,
      var(--ch-s3) 22%,
      var(--ch-s1) 34%,
      var(--ch-s4) 52%,
      var(--ch-s2) 70%,
      var(--ch-s5) 86%,
      var(--ch-s1) 100%);
  background-size: 130% 210%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow: 0 .5px 0 rgba(255,255,255,.5), 0 10px 18px rgba(0,0,0,.18);
  animation: ch-breath 5.2s ease-in-out infinite;
}

/* garis kilap + bintang silang kecil di teks */
.chrome-text-gemerlap::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  mix-blend-mode: screen;
  background:
    /* sapuan tipis */
    linear-gradient(var(--sweep-angle), transparent 46%, rgba(255,255,255,.95) 50%, transparent 54%),
    /* star flare kecil di tengah */
    radial-gradient(6px 6px at 60% 45%, rgba(255,255,255,.85) 0, transparent 70%);
  background-size: 100% 100%, auto;
  transform: translateX(-160%);
  animation: ch-sweep 3.2s ease-in-out infinite;
  opacity:.7;
}

/* =======================================
   3) VARIAN GOLD – tinggal tambahkan .is-gold
   ======================================= */
.chrome-gemerlap.is-gold{
  background:
    linear-gradient(145deg, rgba(255,220,140,.10), rgba(255,200,90,.06)) padding-box,
    linear-gradient(145deg, var(--gold-5), var(--gold-3), var(--gold-1), var(--gold-4), var(--gold-5)) border-box;
  box-shadow:
    0 8px 22px rgba(0,0,0,.18),
    0 0 18px rgba(255,210,130,var(--glow-alpha)),
    inset 0 1px 0 rgba(255,255,255,.35);
}
.chrome-text-gemerlap.is-gold{
  background:
    linear-gradient(180deg,
      var(--gold-1) 0%,
      var(--gold-3) 22%,
      var(--gold-1) 34%,
      var(--gold-4) 52%,
      var(--gold-2) 70%,
      var(--gold-5) 86%,
      var(--gold-1) 100%);
  background-size: 130% 210%;
}

/* =======================================
   4) UTILITAS FONT HITAM – agar teks body tetap terbaca
   (gunakan untuk paragraf/desc di dalam chrome)
   ======================================= */
.chrome-body-black{ color:#111; text-shadow: 0 1px 0 rgba(255,255,255,.35); }

/* =======================================
   Keyframes
   ======================================= */
@keyframes ch-sweep{
  0%   { transform: translateX(-160%) rotate(0.001deg); }
  55%  { transform: translateX(160%)  rotate(0.001deg); }
  100% { transform: translateX(160%)  rotate(0.001deg); }
}
@keyframes ch-breath{
  0%,100%{ background-position: 50% 0%; filter: drop-shadow(0 0 6px rgba(255,255,255,.16)); }
  50%    { background-position: 50% 100%; filter: drop-shadow(0 0 12px rgba(255,255,255,.26)); }
}
@keyframes ch-twinkle{
  0%  { opacity:.25; filter: drop-shadow(0 0 3px rgba(255,255,255,.25)); }
  50% { opacity:.9;  filter: drop-shadow(0 0 8px rgba(255,255,255,.55)); }
  100%{ opacity:.25; filter: drop-shadow(0 0 3px rgba(255,255,255,.25)); }
}

/* Prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  .chrome-gemerlap::after,
  .chrome-gemerlap::before,
  .chrome-text-gemerlap,
  .chrome-text-gemerlap::after{ animation: none !important; }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1d03053 *//* ============================
   SHINY ANIMATION – CSS ONLY
   ============================ */
:root{
  /* kontrol global */
  --shine-duration: 2.8s;
  --shine-angle: 70deg;       /* arah sapuan kilap */
  --shine-width: 14%;         /* lebar core highlight */
  --shine-soft: 32%;          /* feather/penyebaran pinggir */
  --shine-opacity: .75;       /* intensitas kilap */
  --gloss-opacity: .18;       /* kilap kaca atas */
  --gloss-breath: 6s;         /* napas gloss */
}

/* 1) Sapuan kilap serbaguna – tempel ke elemen apa saja */
.shine-sweep{
  position: relative;
  display: inline-block;
  overflow: hidden;      /* penting agar kilap tidak keluar area */
  isolation: isolate;
}
.shine-sweep::after{
  content:"";
  position:absolute; inset:-30%;
  pointer-events:none;
  mix-blend-mode: screen;
  /* core highlight + feather */
  background:
    linear-gradient(
      var(--shine-angle),
      rgba(255,255,255,0) calc(50% - var(--shine-soft)),
      rgba(255,255,255, var(--shine-opacity)) 50%,
      rgba(255,255,255,0) calc(50% + var(--shine-soft))
    );
  transform: translateX(-160%) rotate(0.001deg);
  animation: shine-move var(--shine-duration) ease-in-out infinite;
  filter: blur(0.2px); /* haluskan tepi highlight */
}
/* hanya aktif saat hover */
.shine-sweep.hover::after{ animation-play-state: paused; }
.shine-sweep.hover:hover::after{ animation-play-state: running; }

/* 2) Gloss kaca lembut di bagian atas */
.shine-gloss{
  position: relative;
  display: inline-block;
  overflow: hidden;
  backdrop-filter: saturate(1.05) contrast(1.02);
  -webkit-backdrop-filter: saturate(1.05) contrast(1.02);
}
.shine-gloss::before{
  content:"";
  position:absolute; left:-5%; right:-5%; top:-15%;
  height:50%;
  pointer-events:none;
  background:
    radial-gradient(120% 100% at 50% 0%,
      rgba(255,255,255, var(--gloss-opacity)) 0 46%,
      rgba(255,255,255, .08) 60%,
      transparent 72%);
  mix-blend-mode: screen;
  animation: gloss-breath var(--gloss-breath) ease-in-out infinite;
}

/* 3) Teks berkilau (shimmer) */
.shine-text{
  position: relative;
  display:inline-block;
  font-weight: 800;
  background:
    linear-gradient(180deg,#ffffff 0%,#e6e6e6 35%,#bfbfbf 50%,#ffffff 70%,#d9d9d9 100%);
  background-size: 120% 180%;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  text-shadow: 0 1px 0 rgba(255,255,255,.5), 0 10px 18px rgba(0,0,0,.15);
  animation: text-sheen 4s ease-in-out infinite;
}
.shine-text::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  mix-blend-mode: screen;
  background:
    linear-gradient(var(--shine-angle),
      transparent 46%,
      rgba(255,255,255,.9) 50%,
      transparent 54%);
  transform: translateX(-160%);
  animation: shine-move 3.2s ease-in-out infinite;
  opacity:.55;
}

/* 4) Varian gold (opsional) – untuk nuansa emas */
.shine-gold{
  filter: drop-shadow(0 0 10px rgba(255,210,120,.22));
}
.shine-gold::before,
.shine-gold::after{
  /* sedikit hangatkan highlight */
  --shine-opacity:.85;
}
.shine-text.shine-gold{
  background:
    linear-gradient(180deg,#fff8d6 0%,#f6d980 18%,#e6b44a 40%,#c58b22 60%,#fff8d6 100%);
}

/* 5) Utilitas transparansi ekstra */
.is-transparent{ opacity:.92; }
.is-ultra{ opacity:.85; }

/* 6) Aksesibilitas */
@media (prefers-reduced-motion: reduce){
  .shine-sweep::after,
  .shine-gloss::before,
  .shine-text,
  .shine-text::after{
    animation: none !important;
  }
}

/* ========= Keyframes ========= */
@keyframes shine-move{
  0%   { transform: translateX(-160%) rotate(0.001deg); }
  55%  { transform: translateX(160%)  rotate(0.001deg); }
  100% { transform: translateX(160%)  rotate(0.001deg); }
}
@keyframes gloss-breath{
  0%,100%{ opacity: var(--gloss-opacity); transform: translateY(0) }
  50%    { opacity: calc(var(--gloss-opacity) + .05); transform: translateY(2px) }
}
@keyframes text-sheen{
  0%,100%{ background-position: 50% 0%; }
  50%    { background-position: 50% 100%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d788cea *//* ============================
   Chrome Gold – Elegant Glass (CSS Only)
   ============================ */
:root{
  /* palet emas */
  --g0:#fff8d6; --g1:#f6d980; --g2:#e6b44a; --g3:#c58b22; --g4:#8a5a12; --g5:#4a2f07;
  /* transparansi & blur */
  --glass-bg: rgba(14,10,2,.18);
  --glass-blur: 14px;
  /* bayangan & glow halus */
  --gold-outer: 0 8px 26px rgba(255,210,120,.18);
  --gold-inner: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -10px 22px rgba(180,110,20,.22);
  /* kecepatan */
  --morph-speed: 10s;
  --spin-speed: 18s;
}

/* ======================================
   1) Container/Section – Chrome Gold Glass
   ====================================== */
.chrome-gold-glass{
  position: relative;
  display: block;
  border-radius: 24px;
  padding: clamp(12px, 2.2vw, 22px); /* tidak wajib, aman jika kosong */
  isolation: isolate;
  overflow: hidden;

  /* ring emas tipis & transparan */
  border: 1.5px solid transparent;
  background:
    /* lapisan kaca transparan */
    linear-gradient(var(--glass-bg), var(--glass-bg)) padding-box,
    /* ring gradient emas */
    linear-gradient(155deg,
      rgba(138,90,18,.9) 0%,
      rgba(230,180,74,.85) 18%,
      rgba(255,248,214,.9) 36%,
      rgba(197,139,34,.85) 54%,
      rgba(246,217,128,.9) 72%,
      rgba(74,47,7,.9) 100%) border-box;

  box-shadow: var(--gold-outer), var(--gold-inner);
  backdrop-filter: blur(var(--glass-blur)) saturate(1.2) contrast(1.05);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.2) contrast(1.05);
  transition: box-shadow .35s ease, transform .35s ease, background .35s ease;
}

/* refleksi halus yang sangat transparan (atas konten) */
.chrome-gold-glass::after{
  content:"";
  position:absolute; inset:-35%;
  pointer-events:none;
  mix-blend-mode:screen;
  background:
    radial-gradient(60% 50% at 15% 10%, rgba(255,255,255,.18) 0 40%, transparent 45%),
    radial-gradient(70% 60% at 85% 18%, rgba(255,255,255,.14) 0 42%, transparent 48%),
    linear-gradient(70deg, transparent 46%, rgba(255,255,255,.55) 50%, transparent 54%) 0 0/190% 190% no-repeat;
  animation: sheenGentle 5s ease-in-out infinite;
  opacity:.45;
}

/* lapisan emas bermorf sangat lembut (di belakang konten) */
.chrome-gold-glass::before{
  content:"";
  position:absolute; inset:-24%;
  z-index:-1;
  filter: brightness(1.05) contrast(1.08) saturate(1.08);
  background:
    /* micro-stripes refleksi */
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 2px, rgba(0,0,0,.05) 2px 6px),
    conic-gradient(from 10deg,
      rgba(26,18,3,.95) 0%,
      rgba(74,47,7,.95) 8%,
      rgba(197,139,34,.9) 16%,
      rgba(255,248,214,.95) 24%,
      rgba(138,90,18,.92) 36%,
      rgba(230,180,74,.95) 48%,
      rgba(16,10,3,.95) 62%,
      rgba(197,139,34,.9) 78%,
      rgba(255,248,214,.95) 88%,
      rgba(138,90,18,.92) 100%);
  background-blend-mode: soft-light, normal;
  transform-origin: 50% 50%;
  animation:
    spinSlow var(--spin-speed) linear infinite,
    morphSoft var(--morph-speed) ease-in-out infinite alternate;
  clip-path: path("M 50 0 C 70 6 90 22 96 46 C 90 70 70 92 44 100 C 20 88 6 64 10 38 C 26 16 36 6 50 0 Z");
  opacity:.9; /* tetap transparan */
}

/* interaksi */
.chrome-gold-glass:hover{
  box-shadow:
    0 10px 28px rgba(255,220,150,.24),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -12px 24px rgba(180,110,20,.26);
  transform: translateY(-2px);
}
.chrome-gold-glass:active{ transform: translateY(0); }

/* ======================================
   2) Typography – Elegant Chrome Gold Text
   ====================================== */
.chrome-gold-text-elegant{
  display:inline-block;
  font-weight: 800;
  letter-spacing:.3px;
  background:
    linear-gradient(180deg,
      var(--g0) 0%,
      var(--g2) 16%,
      var(--g0) 28%,
      var(--g3) 44%,
      var(--g1) 60%,
      var(--g5) 78%,
      var(--g0) 100%);
  background-size: 130% 210%;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  text-shadow:
    0 .5px 0 rgba(255,255,255,.35),
    0 8px 16px rgba(95,60,10,.18);
  animation: goldBreath 6s ease-in-out infinite;
  filter: drop-shadow(0 0 8px rgba(255,210,110,.18));
}

/* garis kilau tipis & lambat */
.chrome-gold-text-elegant::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  mix-blend-mode:screen;
  background: linear-gradient(70deg, transparent 46%, rgba(255,255,255,.9) 50%, transparent 54%);
  transform: translateX(-160%);
  animation: sweepSlow 4.8s ease-in-out infinite;
  opacity:.38;
}

/* ======================================
   3) Variasi utilitas (opsional)
   ====================================== */
/* versi ekstra transparan (tambahkan bersama .chrome-gold-glass) */
.chrome-gold-glass.is-ultralight{
  --glass-bg: rgba(14,10,2,.12);
  --glass-blur: 10px;
}

/* kurangi animasi (aksesibilitas) */
@media (prefers-reduced-motion: reduce){
  .chrome-gold-glass::before,
  .chrome-gold-glass::after,
  .chrome-gold-text-elegant,
  .chrome-gold-text-elegant::after{
    animation: none !important;
  }
}

/* dukungan tema gelap default */
@media (prefers-color-scheme: dark){
  :root{
    --glass-bg: rgba(14,10,2,.20);
  }
}

/* ======================================
   Keyframes
   ====================================== */
@keyframes sweepSlow{
  0%{ transform: translateX(-160%) rotate(0.001deg); }
  55%{ transform: translateX(160%) rotate(0.001deg); }
  100%{ transform: translateX(160%) rotate(0.001deg); }
}
@keyframes sheenGentle{
  0%{ background-position: 0% 0%; }
  50%{ background-position: 115% 65%; }
  100%{ background-position: 0% 100%; }
}
@keyframes spinSlow{
  to{ transform: rotate(360deg) scale(1.02); }
}
@keyframes morphSoft{
  0%{ transform: scale(1) skewX(0deg) skewY(0deg); }
  50%{ transform: scale(1.02) skewX(1.2deg) skewY(.8deg); }
  100%{ transform: scale(1) skewX(0deg) skewY(0deg); }
}
@keyframes goldBreath{
  0%,100%{ background-position: 50% 0%; filter: drop-shadow(0 0 6px rgba(255,210,110,.14)); }
  50%{  background-position: 50% 100%; filter: drop-shadow(0 0 12px rgba(255,210,110,.22)); }
}/* End custom CSS */