.elementor-8 .elementor-element.elementor-element-56692ac{--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-56692ac, .elementor-8 .elementor-element.elementor-element-56692ac::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-32cbda5{--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:space-between;--align-items:center;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-7bcbbca{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-7bcbbca.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-12079dc{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-12079dc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-12079dc .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-weight:800;}.elementor-8 .elementor-element.elementor-element-47d8040{--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:flex-end;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-ee5c8f9 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#000000;color:#000000;background-color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-27ae5ec .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#000000;color:#000000;background-color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-5c4ac33 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#000000;color:#000000;background-color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-d4085a0 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#000000;color:#000000;background-color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-a210afe{--display:flex;--background-transition:0.3s;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-b1079ee{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-b1079ee.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-b1079ee .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:121px;font-weight:800;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.68);}.elementor-8 .elementor-element.elementor-element-1535fcc{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-1535fcc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-1535fcc .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:26px;font-weight:400;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.68);}.elementor-8 .elementor-element.elementor-element-fd6c9c6{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-e7f52b2{--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:3px 0px 3px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-e7f52b2:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e7f52b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8 .elementor-element.elementor-element-e7f52b2, .elementor-8 .elementor-element.elementor-element-e7f52b2::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-14fbbef{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-ac470a6{--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-ac470a6:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-ac470a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://buttengine.xyz/wp-content/uploads/2025/08/1.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-ac470a6, .elementor-8 .elementor-element.elementor-element-ac470a6::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-15a6455{--display:flex;--background-transition:0.3s;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-77feda6{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-77feda6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-77feda6 .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:70px;font-weight:800;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.68);}.elementor-8 .elementor-element.elementor-element-4b6e1bd{--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:space-between;--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-021d492{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--background-transition:0.3s;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8 .elementor-element.elementor-element-cd78efd{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-c9fdf2c img{width:100%;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-8 .elementor-element.elementor-element-a04063f{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-5081a5d{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-5081a5d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-5081a5d .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:25px;font-weight:300;line-height:34px;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.68);}.elementor-8 .elementor-element.elementor-element-79c7a54{--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-66c1ef0 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#000000;color:#000000;background-color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-74947e4 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#000000;color:#000000;background-color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-b918618{--display:flex;--background-transition:0.3s;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-8b7c17e{left:-505px;}body.rtl .elementor-8 .elementor-element.elementor-element-8b7c17e{right:-505px;}.elementor-8 .elementor-element.elementor-element-8b7c17e{top:-227px;}.elementor-8 .elementor-element.elementor-element-8b7c17e img{width:35%;}.elementor-8 .elementor-element.elementor-element-5b1e513{--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-5b1e513:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-5b1e513 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://buttengine.xyz/wp-content/uploads/2025/08/3.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-5b1e513, .elementor-8 .elementor-element.elementor-element-5b1e513::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6e4ca29{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-8e95677{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-8e95677.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-8e95677 .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:70px;font-weight:800;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.68);}.elementor-8 .elementor-element.elementor-element-a0c0020{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-a0c0020.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-a0c0020 .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:26px;font-weight:400;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.68);}.elementor-8 .elementor-element.elementor-element-7819472{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-c263ba3{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-0f1ab73{--display:flex;--background-transition:0.3s;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-6c1fa78{right:-479px;}body.rtl .elementor-8 .elementor-element.elementor-element-6c1fa78{left:-479px;}.elementor-8 .elementor-element.elementor-element-6c1fa78{top:-194px;}.elementor-8 .elementor-element.elementor-element-6c1fa78 img{width:62%;}.elementor-8 .elementor-element.elementor-element-ee49200{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-ee49200.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-ee49200 .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:70px;font-weight:800;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.68);}.elementor-8 .elementor-element.elementor-element-3651046{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-3651046.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-3651046 .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:26px;font-weight:400;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.68);}.elementor-8 .elementor-element.elementor-element-fe9a9aa{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-ea82a5f{--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:3px 0px 3px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-ea82a5f:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-ea82a5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8 .elementor-element.elementor-element-ea82a5f, .elementor-8 .elementor-element.elementor-element-ea82a5f::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-c76a2a0{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-b238966{--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-b238966:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-b238966 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://buttengine.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-b238966::before, .elementor-8 .elementor-element.elementor-element-b238966 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-b238966 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-b238966 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-b238966 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-b238966 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-8 .elementor-element.elementor-element-b238966, .elementor-8 .elementor-element.elementor-element-b238966::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-ad9a727{--display:flex;--background-transition:0.3s;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-cad4868{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-cad4868.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-cad4868 .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:70px;font-weight:800;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.68);}.elementor-8 .elementor-element.elementor-element-86c3d8c{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-86c3d8c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-86c3d8c .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:26px;font-weight:400;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.68);}.elementor-8 .elementor-element.elementor-element-dc82594{--display:flex;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-d9e8b3c{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-b6de0da img{width:53%;}.elementor-8 .elementor-element.elementor-element-ae5be83{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-ae5be83 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-ae5be83 .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:25px;font-weight:300;line-height:34px;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.68);}.elementor-8 .elementor-element.elementor-element-cb26cc5{--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-2728308 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#000000;color:#000000;background-color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-eda3d50 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:300;fill:#000000;color:#000000;background-color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-8 .elementor-element.elementor-element-66d2a9e{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6138212{--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-6138212:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-6138212 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-6138212, .elementor-8 .elementor-element.elementor-element-6138212::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-6f3666b{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-800bf55{width:var( --container-widget-width, 104.424% );max-width:104.424%;--container-widget-width:104.424%;--container-widget-flex-grow:0;text-align:center;}.elementor-8 .elementor-element.elementor-element-800bf55.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-800bf55 .elementor-heading-title{color:#000000;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-021d492{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-7bcbbca{--width:30.514%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-12079dc{text-align:center;}.elementor-8 .elementor-element.elementor-element-47d8040{--justify-content:center;}.elementor-8 .elementor-element.elementor-element-ee5c8f9 .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-27ae5ec .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-5c4ac33 .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-d4085a0 .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-b1079ee .elementor-heading-title{font-size:40px;}.elementor-8 .elementor-element.elementor-element-1535fcc .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-77feda6 .elementor-heading-title{font-size:40px;}.elementor-8 .elementor-element.elementor-element-021d492{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8 .elementor-element.elementor-element-5081a5d .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-8 .elementor-element.elementor-element-66c1ef0 .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-74947e4 .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-8e95677 .elementor-heading-title{font-size:40px;}.elementor-8 .elementor-element.elementor-element-a0c0020 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-ee49200 .elementor-heading-title{font-size:40px;}.elementor-8 .elementor-element.elementor-element-3651046 .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-cad4868 .elementor-heading-title{font-size:40px;}.elementor-8 .elementor-element.elementor-element-86c3d8c .elementor-heading-title{font-size:20px;}.elementor-8 .elementor-element.elementor-element-ae5be83 .elementor-heading-title{font-size:20px;line-height:1.1em;}.elementor-8 .elementor-element.elementor-element-2728308 .elementor-button{font-size:10px;}.elementor-8 .elementor-element.elementor-element-eda3d50 .elementor-button{font-size:10px;}}/* Start custom CSS for container, class: .elementor-element-32cbda5 *//* ====== GLOBAL QUALITY / RESET (opsional) ====== */
html, body { overflow-x: hidden; }

/* ====== 1) GLASS CHROME CARD ======
   Tambahkan class: glass-chrome pada Container/Widget */
.glass-chrome{
  --glass-bg: rgba(255,255,255,.08);
  --glass-border: rgba(255,255,255,.25);
  --glass-inner: rgba(255,255,255,.12);
  --shadow: 0 20px 40px rgba(0,0,0,.35);
  --radius: 20px;

  position: relative;
  background: linear-gradient(180deg, var(--glass-inner), rgba(255,255,255,0));
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.35);
  overflow: hidden;
}

/* Highlight chrome di tepi atas (kilap) */
.glass-chrome::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(120% 60% at 50% -10%, rgba(255,255,255,.45), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 50%);
  pointer-events:none;
  mix-blend-mode: screen;
}

/* Sheen anim pada hover (garis kilap menyapu) */
.glass-chrome::after{
  content:"";
  position:absolute; top:-120%; left:-40%;
  width:60%; height:300%;
  transform: rotate(20deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
  opacity:.0;
  transition: opacity .25s ease;
  pointer-events:none;
}
.glass-chrome:hover::after{
  animation: sheen-swipe 1.1s cubic-bezier(.2,.6,.2,1);
  opacity:.85;
}
@keyframes sheen-swipe{
  0%   { transform: translateX(-40%) rotate(20deg); }
  100% { transform: translateX(220%) rotate(20deg); }
}

/* ====== 2) CHROME EDGE (tepi metalik mengkilap)
   Tambahkan class ini bersamaan: glass-chrome chrome-edge */
.chrome-edge{
  position: relative;
  border: 1px solid transparent; /* base */
}
.chrome-edge::before{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  padding:1px; /* ketebalan pinggir krom */
  background:
    linear-gradient(135deg,
      #fafafa 0%,
      #dcdcdc 12%,
      #b0b0b0 24%,
      #f7f7f7 38%,
      #8a8a8a 52%,
      #f0f0f0 68%,
      #bdbdbd 82%,
      #ffffff 100%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events:none;
}

/* ====== 3) VARIAN DARK (lebih kontras di background gelap)
   Pakai: glass-chrome glass-dark */
.glass-dark{
  --glass-bg: rgba(10,10,10,.35);
  --glass-border: rgba(255,255,255,.2);
  --glass-inner: rgba(255,255,255,.08);
  box-shadow: 0 20px 50px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.25);
}

/* ====== 4) GLASS BUTTON KROM ======
   Tambahkan class ke Button: btn-glass-chrome */
.btn-glass-chrome{
  --radius: 14px;
  position: relative;
  display:inline-flex; align-items:center; justify-content:center;
  gap:.55rem;
  padding:.85rem 1.15rem;
  color:#fff; text-decoration:none; font-weight:600;
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.28);
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  box-shadow:
    0 10px 22px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.35);
  transition: transform .15s ease, box-shadow .2s ease;
}
.btn-glass-chrome::after{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,255,255,.45), rgba(255,255,255,0) 40%);
  opacity:.3; pointer-events:none;
}
.btn-glass-chrome:hover{
  transform: translateY(-2px);
  box-shadow:
    0 14px 28px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.45);
}

/* ====== 5) TEKS KROM METALIK (opsional judul)
   Tambahkan class: chrome-text */
.chrome-text{
  background: linear-gradient(180deg,#fff 0%, #d9d9d9 35%, #a8a8a8 55%, #f6f6f6 80%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  text-shadow:
    0 1px 0 rgba(255,255,255,.6),
    0 10px 30px rgba(0,0,0,.25);
}

/* ====== 6) BACKDROP FALLBACK (jika browser tak dukung) ====== */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .glass-chrome,
  .btn-glass-chrome{
    background: rgba(255,255,255,.12);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56692ac */html, body {
  overflow-x: hidden;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9fdf2c */.fx-shake {
  animation: fxShake 1.6s ease-in-out infinite;
}
@keyframes fxShake {
  0%,100% { transform: translateX(0) }
  10% { transform: translateX(-2px) rotate(-.4deg) }
  20% { transform: translateX(2px) rotate(.4deg) }
  30% { transform: translateX(-1.5px) }
  40% { transform: translateX(1.5px) }
  50% { transform: translateX(0) }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b6e1bd *//* ====== GLOBAL QUALITY / RESET (opsional) ====== */
html, body { overflow-x: hidden; }

/* ====== 1) GLASS CHROME CARD ======
   Tambahkan class: glass-chrome pada Container/Widget */
.glass-chrome{
  --glass-bg: rgba(255,255,255,.08);
  --glass-border: rgba(255,255,255,.25);
  --glass-inner: rgba(255,255,255,.12);
  --shadow: 0 20px 40px rgba(0,0,0,.35);
  --radius: 20px;

  position: relative;
  background: linear-gradient(180deg, var(--glass-inner), rgba(255,255,255,0));
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.35);
  overflow: hidden;
}

/* Highlight chrome di tepi atas (kilap) */
.glass-chrome::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(120% 60% at 50% -10%, rgba(255,255,255,.45), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 50%);
  pointer-events:none;
  mix-blend-mode: screen;
}

/* Sheen anim pada hover (garis kilap menyapu) */
.glass-chrome::after{
  content:"";
  position:absolute; top:-120%; left:-40%;
  width:60%; height:300%;
  transform: rotate(20deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
  opacity:.0;
  transition: opacity .25s ease;
  pointer-events:none;
}
.glass-chrome:hover::after{
  animation: sheen-swipe 1.1s cubic-bezier(.2,.6,.2,1);
  opacity:.85;
}
@keyframes sheen-swipe{
  0%   { transform: translateX(-40%) rotate(20deg); }
  100% { transform: translateX(220%) rotate(20deg); }
}

/* ====== 2) CHROME EDGE (tepi metalik mengkilap)
   Tambahkan class ini bersamaan: glass-chrome chrome-edge */
.chrome-edge{
  position: relative;
  border: 1px solid transparent; /* base */
}
.chrome-edge::before{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  padding:1px; /* ketebalan pinggir krom */
  background:
    linear-gradient(135deg,
      #fafafa 0%,
      #dcdcdc 12%,
      #b0b0b0 24%,
      #f7f7f7 38%,
      #8a8a8a 52%,
      #f0f0f0 68%,
      #bdbdbd 82%,
      #ffffff 100%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events:none;
}

/* ====== 3) VARIAN DARK (lebih kontras di background gelap)
   Pakai: glass-chrome glass-dark */
.glass-dark{
  --glass-bg: rgba(10,10,10,.35);
  --glass-border: rgba(255,255,255,.2);
  --glass-inner: rgba(255,255,255,.08);
  box-shadow: 0 20px 50px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.25);
}

/* ====== 4) GLASS BUTTON KROM ======
   Tambahkan class ke Button: btn-glass-chrome */
.btn-glass-chrome{
  --radius: 14px;
  position: relative;
  display:inline-flex; align-items:center; justify-content:center;
  gap:.55rem;
  padding:.85rem 1.15rem;
  color:#fff; text-decoration:none; font-weight:600;
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.28);
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  box-shadow:
    0 10px 22px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.35);
  transition: transform .15s ease, box-shadow .2s ease;
}
.btn-glass-chrome::after{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,255,255,.45), rgba(255,255,255,0) 40%);
  opacity:.3; pointer-events:none;
}
.btn-glass-chrome:hover{
  transform: translateY(-2px);
  box-shadow:
    0 14px 28px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.45);
}

/* ====== 5) TEKS KROM METALIK (opsional judul)
   Tambahkan class: chrome-text */
.chrome-text{
  background: linear-gradient(180deg,#fff 0%, #d9d9d9 35%, #a8a8a8 55%, #f6f6f6 80%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  text-shadow:
    0 1px 0 rgba(255,255,255,.6),
    0 10px 30px rgba(0,0,0,.25);
}

/* ====== 6) BACKDROP FALLBACK (jika browser tak dukung) ====== */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .glass-chrome,
  .btn-glass-chrome{
    background: rgba(255,255,255,.12);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8b7c17e */.fx-in {
  opacity: 0; 
  transform: translateY(16px);
  animation: fxIn .7s ease forwards;
  animation-delay: .15s;
}
@keyframes fxIn {
  to { opacity: 1; transform: translateY(0) }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6c1fa78 */.fx-shake {
  animation: fxShake 1.6s ease-in-out infinite;
}
@keyframes fxShake {
  0%,100% { transform: translateX(0) }
  10% { transform: translateX(-2px) rotate(-.4deg) }
  20% { transform: translateX(2px) rotate(.4deg) }
  30% { transform: translateX(-1.5px) }
  40% { transform: translateX(1.5px) }
  50% { transform: translateX(0) }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b6de0da */.fx-bounce {
  display: inline-block;
  transition: transform .2s ease;
}
.fx-bounce:hover { animation: fxRubber .8s ease }
@keyframes fxRubber {
  0% { transform: scale3d(1,1,1) }
  30% { transform: scale3d(1.25,.75,1) }
  40% { transform: scale3d(.75,1.25,1) }
  50% { transform: scale3d(1.15,.85,1) }
  65% { transform: scale3d(.95,1.05,1) }
  100% { transform: scale3d(1,1,1) }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc82594 *//* ====== GLOBAL QUALITY / RESET (opsional) ====== */
html, body { overflow-x: hidden; }

/* ====== 1) GLASS CHROME CARD ======
   Tambahkan class: glass-chrome pada Container/Widget */
.glass-chrome{
  --glass-bg: rgba(255,255,255,.08);
  --glass-border: rgba(255,255,255,.25);
  --glass-inner: rgba(255,255,255,.12);
  --shadow: 0 20px 40px rgba(0,0,0,.35);
  --radius: 20px;

  position: relative;
  background: linear-gradient(180deg, var(--glass-inner), rgba(255,255,255,0));
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.35);
  overflow: hidden;
}

/* Highlight chrome di tepi atas (kilap) */
.glass-chrome::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(120% 60% at 50% -10%, rgba(255,255,255,.45), rgba(255,255,255,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 50%);
  pointer-events:none;
  mix-blend-mode: screen;
}

/* Sheen anim pada hover (garis kilap menyapu) */
.glass-chrome::after{
  content:"";
  position:absolute; top:-120%; left:-40%;
  width:60%; height:300%;
  transform: rotate(20deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
  opacity:.0;
  transition: opacity .25s ease;
  pointer-events:none;
}
.glass-chrome:hover::after{
  animation: sheen-swipe 1.1s cubic-bezier(.2,.6,.2,1);
  opacity:.85;
}
@keyframes sheen-swipe{
  0%   { transform: translateX(-40%) rotate(20deg); }
  100% { transform: translateX(220%) rotate(20deg); }
}

/* ====== 2) CHROME EDGE (tepi metalik mengkilap)
   Tambahkan class ini bersamaan: glass-chrome chrome-edge */
.chrome-edge{
  position: relative;
  border: 1px solid transparent; /* base */
}
.chrome-edge::before{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  padding:1px; /* ketebalan pinggir krom */
  background:
    linear-gradient(135deg,
      #fafafa 0%,
      #dcdcdc 12%,
      #b0b0b0 24%,
      #f7f7f7 38%,
      #8a8a8a 52%,
      #f0f0f0 68%,
      #bdbdbd 82%,
      #ffffff 100%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events:none;
}

/* ====== 3) VARIAN DARK (lebih kontras di background gelap)
   Pakai: glass-chrome glass-dark */
.glass-dark{
  --glass-bg: rgba(10,10,10,.35);
  --glass-border: rgba(255,255,255,.2);
  --glass-inner: rgba(255,255,255,.08);
  box-shadow: 0 20px 50px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.25);
}

/* ====== 4) GLASS BUTTON KROM ======
   Tambahkan class ke Button: btn-glass-chrome */
.btn-glass-chrome{
  --radius: 14px;
  position: relative;
  display:inline-flex; align-items:center; justify-content:center;
  gap:.55rem;
  padding:.85rem 1.15rem;
  color:#fff; text-decoration:none; font-weight:600;
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.28);
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  box-shadow:
    0 10px 22px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.35);
  transition: transform .15s ease, box-shadow .2s ease;
}
.btn-glass-chrome::after{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,255,255,.45), rgba(255,255,255,0) 40%);
  opacity:.3; pointer-events:none;
}
.btn-glass-chrome:hover{
  transform: translateY(-2px);
  box-shadow:
    0 14px 28px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.45);
}

/* ====== 5) TEKS KROM METALIK (opsional judul)
   Tambahkan class: chrome-text */
.chrome-text{
  background: linear-gradient(180deg,#fff 0%, #d9d9d9 35%, #a8a8a8 55%, #f6f6f6 80%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  text-shadow:
    0 1px 0 rgba(255,255,255,.6),
    0 10px 30px rgba(0,0,0,.25);
}

/* ====== 6) BACKDROP FALLBACK (jika browser tak dukung) ====== */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .glass-chrome,
  .btn-glass-chrome{
    background: rgba(255,255,255,.12);
  }
}/* End custom CSS */