.elementor-kit-9{--e-global-color-primary:#337DE0;--e-global-color-secondary:#847AFF;--e-global-color-text:#F0F7FF;--e-global-color-accent:#1A2B47;--e-global-color-365d88e:#4A5568;--e-global-color-129f773:#FFFFFF;--e-global-color-936d235:#E2E8F0;--e-global-color-0b8014f:#D4FF7A;--e-global-typography-primary-font-family:"Syne";--e-global-typography-primary-font-size:90px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:-0.04em;--e-global-typography-secondary-font-family:"Syne";--e-global-typography-secondary-font-size:56px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:-0.03em;--e-global-typography-text-font-family:"Syne";--e-global-typography-text-font-size:48px;--e-global-typography-text-font-weight:700;--e-global-typography-text-line-height:1.2em;--e-global-typography-text-letter-spacing:-0.02em;--e-global-typography-accent-font-family:"Syne";--e-global-typography-accent-font-size:32px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.3em;--e-global-typography-accent-letter-spacing:-0.01em;--e-global-typography-f1817e1-font-family:"Plus Jakarta Sans";--e-global-typography-f1817e1-font-size:22px;--e-global-typography-f1817e1-font-weight:700;--e-global-typography-f1817e1-line-height:1.4em;--e-global-typography-f1817e1-letter-spacing:0em;--e-global-typography-9f88e74-font-family:"Plus Jakarta Sans";--e-global-typography-9f88e74-font-size:20px;--e-global-typography-9f88e74-font-weight:400;--e-global-typography-9f88e74-line-height:1.6em;--e-global-typography-9f88e74-letter-spacing:0em;--e-global-typography-cc766e4-font-family:"Plus Jakarta Sans";--e-global-typography-cc766e4-font-size:16px;--e-global-typography-cc766e4-font-weight:400;--e-global-typography-cc766e4-line-height:1.6em;--e-global-typography-cc766e4-letter-spacing:0em;--e-global-typography-ea737b7-font-family:"Plus Jakarta Sans";--e-global-typography-ea737b7-font-size:12px;--e-global-typography-ea737b7-font-weight:600;--e-global-typography-ea737b7-text-transform:uppercase;--e-global-typography-ea737b7-line-height:1em;--e-global-typography-ea737b7-letter-spacing:0.01em;background-color:var( --e-global-color-129f773 );color:var( --e-global-color-365d88e );font-family:var( --e-global-typography-cc766e4-font-family ), Sans-serif;font-size:var( --e-global-typography-cc766e4-font-size );font-weight:var( --e-global-typography-cc766e4-font-weight );line-height:var( --e-global-typography-cc766e4-line-height );letter-spacing:var( --e-global-typography-cc766e4-letter-spacing );--e-page-transition-entrance-animation:e-page-transition-slide-out-up;--e-page-transition-exit-animation:e-page-transition-slide-in-down;--e-page-transition-animation-duration:1500ms;--e-preloader-animation:bounce;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-width:30%;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-ea737b7-font-family ), Sans-serif;font-size:var( --e-global-typography-ea737b7-font-size );font-weight:var( --e-global-typography-ea737b7-font-weight );text-transform:var( --e-global-typography-ea737b7-text-transform );line-height:var( --e-global-typography-ea737b7-line-height );letter-spacing:var( --e-global-typography-ea737b7-letter-spacing );color:var( --e-global-color-129f773 );background-image:linear-gradient(135deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);box-shadow:0px 0px 20px 0px rgba(50.999999999999986, 124.99999999999999, 224, 0.25);border-radius:12px 12px 12px 12px;padding:18px 36px 18px 36px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-129f773 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-kit-9 e-page-transition{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-kit-9 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-ea737b7-font-family ), Sans-serif;font-size:var( --e-global-typography-ea737b7-font-size );font-weight:var( --e-global-typography-ea737b7-font-weight );text-transform:var( --e-global-typography-ea737b7-text-transform );line-height:var( --e-global-typography-ea737b7-line-height );letter-spacing:var( --e-global-typography-ea737b7-letter-spacing );}.elementor-kit-9 a:hover{color:var( --e-global-color-accent );font-family:var( --e-global-typography-ea737b7-font-family ), Sans-serif;font-size:var( --e-global-typography-ea737b7-font-size );font-weight:var( --e-global-typography-ea737b7-font-weight );text-transform:var( --e-global-typography-ea737b7-text-transform );line-height:var( --e-global-typography-ea737b7-line-height );letter-spacing:var( --e-global-typography-ea737b7-letter-spacing );}.elementor-kit-9 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-9 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-9 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-f1817e1-font-family ), Sans-serif;font-size:var( --e-global-typography-f1817e1-font-size );font-weight:var( --e-global-typography-f1817e1-font-weight );line-height:var( --e-global-typography-f1817e1-line-height );letter-spacing:var( --e-global-typography-f1817e1-letter-spacing );}.elementor-kit-9 h4{color:var( --e-global-color-accent );}.elementor-kit-9 h5{color:var( --e-global-color-accent );}.elementor-kit-9 h6{color:var( --e-global-color-accent );}.elementor-kit-9 img{border-radius:16px 16px 16px 16px;transition-duration:0.5s;}.elementor-kit-9 label{color:var( --e-global-color-accent );font-family:var( --e-global-typography-ea737b7-font-family ), Sans-serif;font-size:var( --e-global-typography-ea737b7-font-size );font-weight:var( --e-global-typography-ea737b7-font-weight );text-transform:var( --e-global-typography-ea737b7-text-transform );line-height:var( --e-global-typography-ea737b7-line-height );letter-spacing:var( --e-global-typography-ea737b7-letter-spacing );}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{font-family:var( --e-global-typography-cc766e4-font-family ), Sans-serif;font-size:var( --e-global-typography-cc766e4-font-size );font-weight:var( --e-global-typography-cc766e4-font-weight );line-height:var( --e-global-typography-cc766e4-line-height );letter-spacing:var( --e-global-typography-cc766e4-letter-spacing );color:var( --e-global-color-365d88e );accent-color:var( --e-global-color-0b8014f );background-color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-936d235 );border-radius:12px 12px 12px 12px;transition:500ms;padding:12px 16px 12px 16px;}.elementor-kit-9 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea:focus,.elementor-kit-9 .elementor-field-textual:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-9{--e-global-typography-primary-font-size:64px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:-0.03em;--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:-0.02em;--e-global-typography-text-font-size:36px;--e-global-typography-text-line-height:1.2em;--e-global-typography-text-letter-spacing:-0.01em;--e-global-typography-accent-font-size:28px;--e-global-typography-accent-line-height:1.3em;--e-global-typography-accent-letter-spacing:0em;--e-global-typography-f1817e1-font-size:20px;--e-global-typography-9f88e74-font-size:18px;--e-global-typography-9f88e74-line-height:1.6em;--e-global-typography-9f88e74-letter-spacing:0em;--e-global-typography-cc766e4-font-size:16px;--e-global-typography-cc766e4-line-height:1.6em;--e-global-typography-cc766e4-letter-spacing:0em;--e-global-typography-ea737b7-font-size:11px;--e-global-typography-ea737b7-line-height:1em;--e-global-typography-ea737b7-letter-spacing:0.01em;font-size:var( --e-global-typography-cc766e4-font-size );line-height:var( --e-global-typography-cc766e4-line-height );letter-spacing:var( --e-global-typography-cc766e4-letter-spacing );--e-page-transition-entrance-animation:e-page-transition-slide-out-up;--e-page-transition-exit-animation:e-page-transition-slide-in-down;--e-preloader-width:40%;}.elementor-kit-9 a{font-size:var( --e-global-typography-ea737b7-font-size );line-height:var( --e-global-typography-ea737b7-line-height );letter-spacing:var( --e-global-typography-ea737b7-letter-spacing );}.elementor-kit-9 a:hover{font-size:var( --e-global-typography-ea737b7-font-size );line-height:var( --e-global-typography-ea737b7-line-height );letter-spacing:var( --e-global-typography-ea737b7-letter-spacing );}.elementor-kit-9 h1{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-9 h2{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-9 h3{font-size:var( --e-global-typography-f1817e1-font-size );line-height:var( --e-global-typography-f1817e1-line-height );letter-spacing:var( --e-global-typography-f1817e1-letter-spacing );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-ea737b7-font-size );line-height:var( --e-global-typography-ea737b7-line-height );letter-spacing:var( --e-global-typography-ea737b7-letter-spacing );background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);padding:14px 28px 14px 28px;}.elementor-kit-9 img{border-radius:8px 8px 8px 8px;}.elementor-kit-9 label{font-size:var( --e-global-typography-ea737b7-font-size );line-height:var( --e-global-typography-ea737b7-line-height );letter-spacing:var( --e-global-typography-ea737b7-letter-spacing );}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{font-size:var( --e-global-typography-cc766e4-font-size );line-height:var( --e-global-typography-cc766e4-line-height );letter-spacing:var( --e-global-typography-cc766e4-letter-spacing );border-width:1px 1px 1px 1px;padding:12px 16px 12px 16px;}.elementor-kit-9 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea:focus,.elementor-kit-9 .elementor-field-textual:focus{border-width:1px 1px 1px 1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{--e-global-typography-primary-font-size:42px;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.01em;--e-global-typography-text-font-size:28px;--e-global-typography-text-line-height:1.3em;--e-global-typography-text-letter-spacing:0em;--e-global-typography-accent-font-size:24px;--e-global-typography-accent-line-height:1.4em;--e-global-typography-accent-letter-spacing:0em;--e-global-typography-f1817e1-font-size:18px;--e-global-typography-9f88e74-font-size:17px;--e-global-typography-9f88e74-line-height:1.6em;--e-global-typography-9f88e74-letter-spacing:0em;--e-global-typography-cc766e4-font-size:15px;--e-global-typography-cc766e4-line-height:1.6em;--e-global-typography-cc766e4-letter-spacing:0em;--e-global-typography-ea737b7-font-size:11px;--e-global-typography-ea737b7-line-height:1em;--e-global-typography-ea737b7-letter-spacing:0.01em;font-size:var( --e-global-typography-cc766e4-font-size );line-height:var( --e-global-typography-cc766e4-line-height );letter-spacing:var( --e-global-typography-cc766e4-letter-spacing );--e-page-transition-entrance-animation:e-page-transition-slide-out-up;--e-page-transition-exit-animation:e-page-transition-slide-in-down;--e-preloader-width:50%;}.elementor-kit-9 a{font-size:var( --e-global-typography-ea737b7-font-size );line-height:var( --e-global-typography-ea737b7-line-height );letter-spacing:var( --e-global-typography-ea737b7-letter-spacing );}.elementor-kit-9 a:hover{font-size:var( --e-global-typography-ea737b7-font-size );line-height:var( --e-global-typography-ea737b7-line-height );letter-spacing:var( --e-global-typography-ea737b7-letter-spacing );}.elementor-kit-9 h1{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-9 h2{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-9 h3{font-size:var( --e-global-typography-f1817e1-font-size );line-height:var( --e-global-typography-f1817e1-line-height );letter-spacing:var( --e-global-typography-f1817e1-letter-spacing );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{font-size:var( --e-global-typography-ea737b7-font-size );line-height:var( --e-global-typography-ea737b7-line-height );letter-spacing:var( --e-global-typography-ea737b7-letter-spacing );background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);padding:14px 28px 14px 28px;}.elementor-kit-9 img{border-radius:4px 4px 4px 4px;}.elementor-kit-9 label{font-size:var( --e-global-typography-ea737b7-font-size );line-height:var( --e-global-typography-ea737b7-line-height );letter-spacing:var( --e-global-typography-ea737b7-letter-spacing );}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{font-size:var( --e-global-typography-cc766e4-font-size );line-height:var( --e-global-typography-cc766e4-line-height );letter-spacing:var( --e-global-typography-cc766e4-letter-spacing );border-width:1px 1px 1px 1px;padding:12px 16px 12px 16px;}.elementor-kit-9 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea:focus,.elementor-kit-9 .elementor-field-textual:focus{border-width:1px 1px 1px 1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================
   SOFYANUX GLOBAL GRADIENT SYSTEM
   ========================================= */

:root {
    /* 1. Master Gradients (Primary) */
    --sig-gradient: linear-gradient(135deg, #847AFF 0%, #337DE0 100%);
    --sig-gradient-alt: linear-gradient(90deg, #337DE0 0%, #847AFF 100%);
    
    /* 2. Soft & Subtle Gradients (For Backgrounds) */
    --soft-blue-bg: linear-gradient(180deg, #FFFFFF 0%, #F0F7FF 100%);
    --glass-white: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(240, 247, 255, 0.4) 100%);

    /* 3. Accent Gradients */
    --accent-glow: radial-gradient(circle, rgba(132, 122, 255, 0.15) 0%, transparent 70%);
}

/* =========================================
   UTILITY CLASSES (CARA PAKAINYA GAMPANG)
   ========================================= */

/* A. Background Gradasi Utama */
/* Gunakan di: CSS Classes pada Section/Button/Column */
.bg-gradient {
    background: var(--sig-gradient) !important;
}

/* B. Text Gradasi (Efek Mewah untuk Judul) */
/* Gunakan di: CSS Classes pada Heading widget */
.text-gradient {
    background: var(--sig-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block; /* Penting agar gradasi muncul sempurna */
}

/* C. Border Gradasi (Untuk Kartu/Card) */
/* Gunakan di: CSS Classes pada Column atau Inner Section */
.border-gradient {
    border: 2px solid;
    border-image-source: var(--sig-gradient);
    border-image-slice: 1;
}

/* D. Hover Effect: Gradient Slide */
/* Gunakan di: Button agar saat di-hover warnanya bergeser */
.btn-animate {
    background: var(--sig-gradient);
    background-size: 200% auto;
    transition: 0.5s;
    color: white;
}
.btn-animate:hover {
    background-position: right center;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(51, 125, 224, 0.3);
}

/* E. Soft Background Section */
/* Gunakan untuk section agar tidak putih polos bgt */
.section-soft-bg {
    background: var(--soft-blue-bg);
}

/* GABUNGAN TERBAIK: TIMBUL + MELAYANG + ELASTIS */
.elementor-button {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Efek pegas */
    overflow: hidden;
    position: relative;
    border-top: 1px solid rgba(255,255,255,0.3) !important; /* Efek timbul kamu */
}

/* Saat Kursor Mendekat (Hover) */
.elementor-button:hover {
    transform: translateY(-5px) !important; /* Melayang ke atas */
    box-shadow: 0 15px 30px rgba(51, 125, 224, 0.3) !important; /* Bayangan menebal */
}

/* Saat Diklik (Active) */
.elementor-button:active {
    transform: translateY(-2px) scale(0.95) !important; /* Menekan ke bawah & mengecil */
}

/* Membuat input form lebih fokus & elegan */
.elementor-field-group input:focus, 
.elementor-field-group textarea:focus {
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(132, 122, 255, 0.1) !important;
    outline: none !important;
}

/* Memperbaiki tampilan gambar portofolio agar selalu rapi */
.elementor-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Membuat scrollbar lebih minimalis (Light Mode) */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #337DE0;
}

@media (max-width: 767px) {
    .text-gradient {
        background: linear-gradient(135deg, #847AFF 20%, #337DE0 80%);
        -webkit-background-clip: text;
        display: block; /* Memastikan gradasi terhitung per blok di layar kecil */
    }
}/* End custom CSS */