.elementor-4111 .elementor-element.elementor-element-2175d82{--display:flex;--min-height:100vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-4111 .elementor-element.elementor-element-2175d82:not(.elementor-motion-effects-element-type-background), .elementor-4111 .elementor-element.elementor-element-2175d82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jaensacademy.inproject.site/wp-content/uploads/2026/05/Background-Login-2.png");background-position:top center;background-size:cover;}.elementor-4111 .elementor-element.elementor-element-2175d82::before, .elementor-4111 .elementor-element.elementor-element-2175d82 > .elementor-background-video-container::before, .elementor-4111 .elementor-element.elementor-element-2175d82 > .e-con-inner > .elementor-background-video-container::before, .elementor-4111 .elementor-element.elementor-element-2175d82 > .elementor-background-slideshow::before, .elementor-4111 .elementor-element.elementor-element-2175d82 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4111 .elementor-element.elementor-element-2175d82 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-eb0a919 );--background-overlay:'';}.elementor-4111 .elementor-element.elementor-element-a94e562{--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;}.elementor-4111 .elementor-element.elementor-element-e97136c{--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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4111 .elementor-element.elementor-element-ede62ce{padding:30px 0px 0px 0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-4111 .elementor-element.elementor-element-80e2d7e .elementor-icon-list-icon i{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-4111 .elementor-element.elementor-element-80e2d7e .elementor-icon-list-icon svg{fill:var( --e-global-color-text );transition:fill 0.3s;}.elementor-4111 .elementor-element.elementor-element-80e2d7e .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-accent );}.elementor-4111 .elementor-element.elementor-element-80e2d7e .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );}.elementor-4111 .elementor-element.elementor-element-80e2d7e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4111 .elementor-element.elementor-element-80e2d7e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4111 .elementor-element.elementor-element-80e2d7e .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-4111 .elementor-element.elementor-element-80e2d7e .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-4111 .elementor-element.elementor-element-80e2d7e .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4111 .elementor-element.elementor-element-a94e562{--width:60%;}.elementor-4111 .elementor-element.elementor-element-e97136c{--width:40%;}}/* Start custom CSS for shortcode, class: .elementor-element-13c4bbb *//* 1. Menghilangkan Kotak Ganda Bawaan Tutor LMS */
.box-login-jaens .tutor-wrap,
.box-login-jaens .tutor-login-wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Kotak Background Cokelat Khas Jaens */
.box-login-jaens .tutor-login-form-wrapper {
    background-color: #A37A5C !important;
    padding: 45px 40px !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2) !important;
}

/* 3. Menghapus teks "Hi, Welcome back!" secara presisi */
.box-login-jaens .tutor-login-form-wrapper > .tutor-fs-5 {
    display: none !important;
}

/* 4. Bentuk Kolom Input (Kapsul Putih) */
.box-login-jaens input[type="text"],
.box-login-jaens input[type="password"] {
    background-color: #FFFFFF !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 16px 25px !important;
    color: #333333 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 5. Mengubah Warna Teks Ekstra Menjadi Putih Terang */
.box-login-jaens .tutor-form-check label,
.box-login-jaens a.tutor-btn-ghost,
.box-login-jaens .tutor-text-center.tutor-fs-6,
.box-login-jaens a.tutor-btn-link {
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
}

.box-login-jaens a.tutor-btn-ghost:hover,
.box-login-jaens a.tutor-btn-link:hover {
    color: #E5BA84 !important;
}

/* MENGHILANGKAN JARAK KOSONG YANG LEBAR DI DESKTOP */
.box-login-jaens .tutor-d-flex.tutor-justify-between.tutor-mb-40 {
    display: block !important;
    margin-bottom: 10px !important; /* Diperkecil dari 40px agar tombol naik */
}

/* Menata Posisi Remember Me (Kiri) dan Forgot Password (Kanan) */
.box-login-jaens .tutor-form-check {
    float: left !important;
    margin-top: 5px !important;
}

.box-login-jaens a.tutor-btn-ghost {
    float: right !important;
    margin-top: 5px !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 6. Desain Tombol SIGN IN (Dinaikkan agar proporsional) */
.box-login-jaens button[type="submit"] {
    background-color: #FFFFFF !important;
    color: #A37A5C !important;
    border-radius: 50px !important;
    padding: 12px 35px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    float: right !important; 
    margin-top: 15px !important; /* Jarak atas tombol diperkecil */
    width: max-content !important; 
}

/* Menata Teks "Don't have an account? Register Now" ke kiri bawah */
.box-login-jaens .tutor-text-center.tutor-fs-6 {
    float: left !important;
    text-align: left !important;
    margin-top: 25px !important; /* Sejajar dengan tombol */
    border: none !important;
    padding: 0 !important;
    width: auto !important;
}

.box-login-jaens a.tutor-btn-link {
    text-decoration: underline !important;
    font-weight: bold !important;
    margin-left: 5px !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 7. Clearfix (Wajib ada agar elemen tidak tumpah keluar kotak) */
.box-login-jaens form::after,
.box-login-jaens .tutor-login-form-wrapper::after,
.box-login-jaens .tutor-d-flex::after {
    content: "";
    clear: both;
    display: table;
}

/* =========================================
   PENGATURAN KHUSUS LAYAR HP (MOBILE VIEW)
   ========================================= */
@media (max-width: 767px) {
    /* Sedikit mengurangi padding dalam kotak agar tidak sesak di HP */
    .box-login-jaens .tutor-login-form-wrapper {
        padding: 35px 25px !important; 
    }

    /* Reset form agar tersusun ke bawah dengan rapi */
    .box-login-jaens .tutor-form-check {
        float: none !important;
        display: block !important;
        margin-bottom: 15px !important;
    }
    
    .box-login-jaens a.tutor-btn-ghost {
        float: none !important;
        display: block !important;
        text-align: left !important;
        margin-top: 5px !important;
        margin-bottom: 25px !important;
    }

    /* Tombol Sign In dibuat membentang penuh 100% untuk Mobile */
    .box-login-jaens button[type="submit"] {
        float: none !important;
        width: 100% !important; 
        max-width: 100% !important; /* Memaksa mengalahkan kode desktop */
        margin-top: 10px !important;
    }

    /* Teks Register digeser cantik ke tengah bawah */
    .box-login-jaens .tutor-text-center.tutor-fs-6 {
        float: none !important;
        text-align: center !important;
        width: 100% !important;
        margin-top: 25px !important;
    }
}/* End custom CSS */