.elementor-8 .elementor-element.elementor-element-6b40dbf{--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;--z-index:2;}.elementor-8 .elementor-element.elementor-element-6b40dbf:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-6b40dbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thtw.xyz/wp-content/uploads/2025/09/Asset-9.png");background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-6b40dbf, .elementor-8 .elementor-element.elementor-element-6b40dbf::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-148e1a7{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-47c26f6{--display:flex;--justify-content:center;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-c7823d9{text-align:left;}.elementor-8 .elementor-element.elementor-element-c7823d9 img{max-width:31%;}.elementor-8 .elementor-element.elementor-element-61a0dd3{--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:flex-end;--align-items:center;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-3fed3e4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-3fed3e4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-8 .elementor-element.elementor-element-3fed3e4{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8 .elementor-element.elementor-element-3fed3e4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8 .elementor-element.elementor-element-3fed3e4 .elementor-icon-list-item > a{font-family:"Syne Mono", Sans-serif;font-weight:400;}.elementor-8 .elementor-element.elementor-element-3fed3e4 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-8 .elementor-element.elementor-element-3fed3e4 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF54;}.elementor-8 .elementor-element.elementor-element-2b843b3 .elementor-button{font-family:"Syne Mono", Sans-serif;font-size:18px;font-weight:500;fill:#000000;color:#000000;background-color:transparent;background-image:linear-gradient(180deg, #A9B6BE 0%, #EAF0EE 100%);border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px #EAF0EE;}.elementor-8 .elementor-element.elementor-element-39f2d9b{--spacer-size:50px;}.elementor-8 .elementor-element.elementor-element-fa53c10{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-8d5cc57{text-align:center;}.elementor-8 .elementor-element.elementor-element-8d5cc57 .elementor-heading-title{color:#FFFFFFB3;font-family:"Syne Mono", Sans-serif;font-size:25px;font-weight:500;}.elementor-8 .elementor-element.elementor-element-2ad788e img{max-width:84%;}.elementor-8 .elementor-element.elementor-element-beaf290 > .elementor-widget-container{margin:-350px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-beaf290 img{max-width:31%;}.elementor-8 .elementor-element.elementor-element-675875a{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-06d2077 .elementor-button{font-family:"Syne Mono", Sans-serif;font-size:18px;font-weight:500;fill:#000000;color:#000000;background-color:transparent;background-image:linear-gradient(180deg, #A9B6BE 0%, #EAF0EE 100%);border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px #EAF0EE;}.elementor-8 .elementor-element.elementor-element-aadc944{--spacer-size:50px;}.elementor-8 .elementor-element.elementor-element-8a42032{--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-8a42032:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-8a42032 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thtw.xyz/wp-content/uploads/2025/09/ChatGPT-Image-Sep-24-2025-11_05_49-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-8a42032, .elementor-8 .elementor-element.elementor-element-8a42032::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-5735cec{--spacer-size:200px;}.elementor-8 .elementor-element.elementor-element-6fb67b8{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-9817045{--display:flex;--justify-content:center;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-43e44ce{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-cc6912c img{max-width:82%;}.elementor-8 .elementor-element.elementor-element-7c08eba{--spacer-size:100px;}.elementor-8 .elementor-element.elementor-element-3984c93{--display:flex;--background-transition:0.3s;--z-index:2;}.elementor-8 .elementor-element.elementor-element-590e42f{text-align:center;}.elementor-8 .elementor-element.elementor-element-590e42f img{max-width:65%;}.elementor-8 .elementor-element.elementor-element-b548314 > .elementor-widget-container{margin:-120px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-b548314 img{max-width:18%;}.elementor-8 .elementor-element.elementor-element-51c3d3b{--spacer-size:100px;}.elementor-8 .elementor-element.elementor-element-7e628ec{--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-7e628ec:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-7e628ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thtw.xyz/wp-content/uploads/2025/09/Asset-18.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-7e628ec, .elementor-8 .elementor-element.elementor-element-7e628ec::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-e3c43b1{--spacer-size:200px;}.elementor-8 .elementor-element.elementor-element-31bcdc4{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-d0c5ac1{--display:flex;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-bfe75f7 img{max-width:63%;}.elementor-8 .elementor-element.elementor-element-8a33073{--display:flex;--justify-content:center;--background-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-224dfbe .elementor-button{font-family:"Syne Mono", Sans-serif;font-size:18px;font-weight:500;fill:#000000;color:#000000;background-color:transparent;background-image:linear-gradient(180deg, #A9B6BE 0%, #EAF0EE 100%);border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px #EAF0EE;}.elementor-8 .elementor-element.elementor-element-e4ad69b{--spacer-size:50px;}.elementor-8 .elementor-element.elementor-element-00c5684{--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:-4px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-00c5684:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-00c5684 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8 .elementor-element.elementor-element-00c5684, .elementor-8 .elementor-element.elementor-element-00c5684::before{--border-transition:0.3s;}.elementor-8 .elementor-element.elementor-element-dea1a97{text-align:center;}.elementor-8 .elementor-element.elementor-element-dea1a97 .elementor-heading-title{color:#FFFFFFB3;font-family:"Syne Mono", Sans-serif;font-size:25px;font-weight:500;line-height:45px;}@media(min-width:1025px){.elementor-8 .elementor-element.elementor-element-8a42032:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-8a42032 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-148e1a7{--grid-auto-flow:row;}.elementor-8 .elementor-element.elementor-element-6fb67b8{--grid-auto-flow:row;}.elementor-8 .elementor-element.elementor-element-31bcdc4{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-148e1a7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8 .elementor-element.elementor-element-c7823d9{text-align:center;}.elementor-8 .elementor-element.elementor-element-61a0dd3{--justify-content:center;}.elementor-8 .elementor-element.elementor-element-8d5cc57 .elementor-heading-title{font-size:14px;}.elementor-8 .elementor-element.elementor-element-2ad788e img{max-width:100%;}.elementor-8 .elementor-element.elementor-element-beaf290 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-beaf290 img{max-width:70%;}.elementor-8 .elementor-element.elementor-element-6fb67b8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8 .elementor-element.elementor-element-590e42f img{max-width:100%;}.elementor-8 .elementor-element.elementor-element-b548314 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-b548314 img{max-width:44%;}.elementor-8 .elementor-element.elementor-element-7e628ec{--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-31bcdc4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-beaf290 *//* Efek gambar naik-turun sederhana */
.float-updown {
  animation: floatY 4s ease-in-out infinite;
}

@keyframes floatY {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-15px); }
  100% { transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f6f0c4 *//* ===== THTW Cyberpunk Card (Fixed Border Glow) ===== */
:root{
  --card-w: min(960px, 92vw);
  --glass: rgba(12,12,18,.35);
  --text: #e9f1ff;
  --muted: #b4c3ff;
  --radius: 22px;
}

/* Background */


.thtw-wrap{
  display:grid; place-items:center;
}

/* --- Card --- */
.thtw-card{
  position:relative;
  padding:28px clamp(18px,3vw,32px);
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  background-clip: padding-box;
  backdrop-filter: blur(14px) saturate(1.1);
  -webkit-backdrop-filter: blur(14px) saturate(1.1);
  overflow:hidden;
  isolation:isolate;
  border:3px solid transparent;
}

/* Neon border with gradient shift */
.thtw-card::before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  padding:3px;
  background: linear-gradient(90deg,
    #00faff, #00ff95, #ff00ff, #009dff, #00faff);
  background-size: 300% 300%;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation: glowshift 6s ease-in-out infinite;
  z-index:-1;
}

/* Text styles */
.thtw-title{
  font: 900 clamp(22px,4vw,34px)/1.1 "Orbitron", system-ui;
  letter-spacing:.02em;
  margin:0 0 10px;
  text-shadow: 0 0 20px rgba(0,255,255,.6);
}

.thtw-text{
  font: 400 clamp(15px,2.2vw,18px)/1.65 "Syne Mono", system-ui;
  color:var(--muted);
  margin:0;
}

/* Animasi warna neon */
@keyframes glowshift{
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Hover efek: tambah glow */
.thtw-card:hover::before{
  filter: drop-shadow(0 0 25px rgba(0,255,255,.6));
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cc6912c *//* Efek gambar goyang rotate kanan-kiri */
.rotate-swing {
  animation: swingRotate 4s ease-in-out infinite;
  display: inline-block;
}

@keyframes swingRotate {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(3deg); }
  50%  { transform: rotate(0deg); }
  75%  { transform: rotate(-3deg); }
  100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e6d9465 *//* ===== THTW Cyberpunk Card (Fixed Border Glow) ===== */
:root{
  --card-w: min(960px, 92vw);
  --glass: rgba(12,12,18,.35);
  --text: #e9f1ff;
  --muted: #b4c3ff;
  --radius: 22px;
}

/* Background */


.thtw-wrap{
  display:grid; place-items:center;
}

/* --- Card --- */
.thtw-card{
  position:relative;
  padding:28px clamp(18px,3vw,32px);
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  background-clip: padding-box;
  backdrop-filter: blur(14px) saturate(1.1);
  -webkit-backdrop-filter: blur(14px) saturate(1.1);
  overflow:hidden;
  isolation:isolate;
  border:3px solid transparent;
}

/* Neon border with gradient shift */
.thtw-card::before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  padding:3px;
  background: linear-gradient(90deg,
    #00faff, #00ff95, #ff00ff, #009dff, #00faff);
  background-size: 300% 300%;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation: glowshift 6s ease-in-out infinite;
  z-index:-1;
}

/* Text styles */
.thtw-title{
  font: 900 clamp(22px,4vw,34px)/1.1 "Orbitron", system-ui;
  letter-spacing:.02em;
  margin:0 0 10px;
  text-shadow: 0 0 20px rgba(0,255,255,.6);
}

.thtw-text{
  font: 400 clamp(15px,2.2vw,18px)/1.65 "Syne Mono", system-ui;
  color:var(--muted);
  text-align: center;
  margin:0;
}

/* Animasi warna neon */
@keyframes glowshift{
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Hover efek: tambah glow */
.thtw-card:hover::before{
  filter: drop-shadow(0 0 25px rgba(0,255,255,.6));
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bfe75f7 *//* Efek Zoom In - Zoom Out */
.zoom-inout {
  animation: zoomInOut 4s ease-in-out infinite;
  display: inline-block;
}

@keyframes zoomInOut {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.08); }
  100% { transform: scale(1); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdd1e1e *//* ===== THTW Cyberpunk Card (Fixed Border Glow) ===== */
:root{
  --card-w: min(960px, 92vw);
  --glass: rgba(12,12,18,.35);
  --text: #e9f1ff;
  --muted: #b4c3ff;
  --radius: 22px;
}

/* Background */


.thtw-wrap{
  display:grid; place-items:center;
}

/* --- Card --- */
.thtw-card{
  position:relative;
  padding:28px clamp(18px,3vw,32px);
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  background-clip: padding-box;
  backdrop-filter: blur(14px) saturate(1.1);
  -webkit-backdrop-filter: blur(14px) saturate(1.1);
  overflow:hidden;
  isolation:isolate;
  border:3px solid transparent;
}

/* Neon border with gradient shift */
.thtw-card::before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  padding:3px;
  background: linear-gradient(90deg,
    #00faff, #00ff95, #ff00ff, #009dff, #00faff);
  background-size: 300% 300%;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation: glowshift 6s ease-in-out infinite;
  z-index:-1;
}

/* Text styles */
.thtw-title{
  font: 900 clamp(22px,4vw,34px)/1.1 "Orbitron", system-ui;
  letter-spacing:.02em;
  margin:0 0 10px;
  text-shadow: 0 0 20px rgba(0,255,255,.6);
}

.thtw-text{
  font: 400 clamp(15px,2.2vw,18px)/1.65 "Syne Mono", system-ui;
  color:var(--muted);
  margin:0;
}

/* Animasi warna neon */
@keyframes glowshift{
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Hover efek: tambah glow */
.thtw-card:hover::before{
  filter: drop-shadow(0 0 25px rgba(0,255,255,.6));
}/* End custom CSS */