.elementor-8913 .elementor-element.elementor-element-d32df49{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-8913 .elementor-element.elementor-element-7a42d40{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .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-8913 .elementor-element.elementor-element-0f4bc33{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8913 .elementor-element.elementor-element-0f4bc33.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8913 .elementor-element.elementor-element-e20ae19{text-align:center;}.elementor-8913 .elementor-element.elementor-element-e20ae19 .elementor-heading-title{font-family:"NeueHaas", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-text );}.elementor-8913 .elementor-element.elementor-element-4e0c408{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-8913 .elementor-element.elementor-element-4e0c408 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8913 .elementor-element.elementor-element-3feff6d{--display:flex;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{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-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{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-8913 .elementor-element.elementor-element-1cc1f2b .elementor-button{background-color:var( --e-global-color-primary );}.elementor-8913 .elementor-element.elementor-element-1cc1f2b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-8913 .elementor-element.elementor-element-1cc1f2b .elementor-field-group{margin-bottom:10px;}.elementor-8913 .elementor-element.elementor-element-1cc1f2b .elementor-form-fields-wrapper{margin-bottom:-10px;}.elementor-8913 .elementor-element.elementor-element-1cc1f2b .elementor-field-group > a:hover{color:var( --e-global-color-primary );}.elementor-8913 .elementor-element.elementor-element-1cc1f2b .elementor-field-group .elementor-field{color:var( --e-global-color-accent );}.elementor-8913 .elementor-element.elementor-element-1cc1f2b .elementor-field-group .elementor-field, .elementor-8913 .elementor-element.elementor-element-1cc1f2b .elementor-field-subgroup label{font-family:"NeueHaas", Sans-serif;font-size:18px;font-weight:400;}.elementor-8913 .elementor-element.elementor-element-1cc1f2b .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-8913 .elementor-element.elementor-element-1cc1f2b .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}body.elementor-page-8913:not(.elementor-motion-effects-element-type-background), body.elementor-page-8913 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8913 .elementor-element.elementor-element-0f4bc33{--container-widget-width:60%;--container-widget-flex-grow:0;width:var( --container-widget-width, 60% );max-width:60%;}.elementor-8913 .elementor-element.elementor-element-e20ae19 .elementor-heading-title{font-size:18px;}.elementor-8913 .elementor-element.elementor-element-4e0c408{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-8913 .elementor-element.elementor-element-3feff6d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8913 .elementor-element.elementor-element-1cc1f2b{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-8913 .elementor-element.elementor-element-6026f53{width:initial;max-width:initial;}}@media(min-width:768px){.elementor-8913 .elementor-element.elementor-element-7a42d40{--width:30%;}.elementor-8913 .elementor-element.elementor-element-3feff6d{--width:28%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8913 .elementor-element.elementor-element-7a42d40{--width:90%;}.elementor-8913 .elementor-element.elementor-element-3feff6d{--width:90%;}}@media(max-width:767px){.elementor-8913 .elementor-element.elementor-element-d32df49{--gap:5px 2px;--row-gap:5px;--column-gap:2px;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-8913 .elementor-element.elementor-element-0f4bc33{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-8913 .elementor-element.elementor-element-e20ae19 .elementor-heading-title{font-size:13px;}.elementor-8913 .elementor-element.elementor-element-3feff6d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8913 .elementor-element.elementor-element-1cc1f2b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8913 .elementor-element.elementor-element-1cc1f2b{--container-widget-width:98%;--container-widget-flex-grow:0;width:var( --container-widget-width, 98% );max-width:98%;}.elementor-8913 .elementor-element.elementor-element-1cc1f2b .elementor-field-group .elementor-field, .elementor-8913 .elementor-element.elementor-element-1cc1f2b .elementor-field-subgroup label{font-size:14px;}}/* Start custom CSS for container, class: .elementor-element-d32df49 */<style>
    :root {
        --esmod-red: #CB382A;
        --esmod-black: #111111;
        --text-gray: #555555;
        --bg-light: #FAFAFA;
        --border-color: #E0E0E0;
    }

    /* Box Peringatan Modern */
    .notice-card {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        background: #ffffff;
        border: 1px solid rgba(203, 56, 42, 0.15);
        border-top: 5px solid var(--esmod-red);
        border-radius: 8px;
        padding: 40px 30px;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04);
        max-width: 580px;
        margin: 0 auto 25px auto;
        text-align: center;
        letter-spacing: -0.01em;
    }

    .notice-title {
        color: var(--esmod-red);
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 4px;
        margin-bottom: 20px;
        text-transform: uppercase;
        margin-top: 0;
    }

    .notice-desc {
        color: var(--text-gray);
        font-size: 0.95rem;
        line-height: 1.65;
        font-weight: 400;
        margin-bottom: 30px;
    }

    .notice-desc strong {
        color: var(--esmod-black);
        font-weight: 700;
    }

    /* --- T&C Scroll Box --- */
    .terms-scroll {
        background: #F9F9F9;
        border: 1px solid var(--border-color);
        border-radius: 6px;
        padding: 20px;
        max-height: 180px;
        overflow-y: auto;
        text-align: left;
        font-size: 0.85rem;
        line-height: 1.6;
        color: #444444;
        margin-bottom: 25px;
    }

    .terms-scroll h4 {
        color: var(--esmod-black);
        font-size: 0.95rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .terms-scroll p {
        margin-bottom: 12px;
    }

    .terms-scroll ul {
        margin-left: 20px;
        margin-bottom: 12px;
    }

    /* --- Uniform Checkbox Styling (S&K + Elementor) --- */
    .checkbox-container, 
    .elementor-field-type-checkbox .elementor-field-subgroup label,
    .elementor-remember-me label {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
        cursor: pointer;
        font-size: 0.9rem !important;
        color: var(--text-gray) !important;
        user-select: none;
        line-height: 1.5 !important;
        margin-bottom: 10px;
        width: 100%;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .checkbox-container input,
    .elementor-field-type-checkbox input[type="checkbox"],
    .elementor-remember-me input[type="checkbox"] {
        appearance: checkbox !important;
        -webkit-appearance: checkbox !important;
        margin-top: 3px !important;
        margin-right: 12px !important;
        width: 16px !important;
        height: 16px !important;
        flex-shrink: 0 !important;
        accent-color: var(--esmod-red) !important;
        cursor: pointer;
        outline: none !important;
    }

    .elementor-remember-me label:focus-within,
    .elementor-remember-me input:focus {
        outline: none !important;
    }

    /* --- PERBAIKAN FORM ATAS BAWAH (ALL SCREENS) --- */
    /* Memaksa baris form Elementor pecah menjadi kolom tunggal atas-bawah */
    .elementor-form .elementor-form-fields-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Memaksa lebar kolom Username, Password, Remember Me, dan Button menjadi 100% */
    .elementor-form .elementor-field-group {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 15px !important; /* Memberi jarak konstan antar baris */
    }

    /* Mengunci tombol login jika belum disetujui */
    .elementor-button:disabled,
    .elementor-field-type-submit button:disabled {
        background-color: #CCCCCC !important;
        color: #888888 !important;
        cursor: not-allowed !important;
        pointer-events: none;
        box-shadow: none !important;
        transform: none !important;
    }

    /* Responsive */
    @media (max-width: 480px) {
        .notice-card {
            padding: 30px 20px;
        }
        .notice-title {
            font-size: 1.3rem;
            letter-spacing: 3px;
        }
        .notice-desc {
            font-size: 0.88rem;
        }
        .checkbox-container, .elementor-remember-me label {
            font-size: 0.82rem !important;
        }
    }
</style>

<div class="notice-card">
    <h2 class="notice-title">Notice</h2>
    <p class="notice-desc">
        You are not permitted to view this page unless you are a member of the <strong>Jury</strong> or directly involved in the <strong>ESMOD Jakarta Juriday 2026</strong> event.
    </p>

    <div class="terms-scroll">
        <h4>Terms & Conditions of Website Access</h4>
        <p><strong>1. Confidentiality of Content</strong></p>
        <p>All materials contained on this website, including but not limited to designs, images, videos, and text, are confidential and are the exclusive property of the website owner and the respective students.</p>
        
        <p><strong>2. Prohibition of Distribution</strong></p>
        <ul>
            <li>Copying, downloading, photographing, recording, or taking screenshots of any content.</li>
            <li>Sharing, publishing, or distributing any content to third parties without prior written consent.</li>
        </ul>
        
        <p><strong>3. Intellectual Property Rights</strong></p>
        <p>All works on this website are protected by applicable copyright laws.</p>
        
        <p><strong>4. Access Limitation</strong></p>
        <p>Access to this website is strictly limited to invited individuals only.</p>
        
        <p><strong>5. Agreement</strong></p>
        <p>By accessing this website, you agree to these Terms & Conditions.</p>
    </div>

    <label class="checkbox-container">
        <input type="checkbox" id="esmodAgreeCheckbox">
        <span>I have read, understood, and agree to abide by the Terms & Conditions of Website Access above.</span>
    </label>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const checkbox = document.getElementById('esmodAgreeCheckbox');
    const loginForm = document.querySelector('.elementor-login-form, .elementor-form');
    const elementorButtons = document.querySelectorAll('.elementor-form button[type="submit"], .elementor-button[type="submit"]');

    function updateButtonState() {
        elementorButtons.forEach(button => {
            button.disabled = !checkbox.checked;
        });
    }

    if (elementorButtons.length > 0 && checkbox) {
        updateButtonState();
        checkbox.addEventListener('change', updateButtonState);
    }

    if (loginForm) {
        const usernameInput = loginForm.querySelector('input[name="log"]') || loginForm.querySelector('input[type="text"]');
        const passwordInput = loginForm.querySelector('input[name="pwd"]') || loginForm.querySelector('input[type="password"]');

        if (usernameInput) usernameInput.setAttribute('required', 'required');
        if (passwordInput) passwordInput.setAttribute('required', 'required');

        loginForm.addEventListener('submit', function(e) {
            if ((checkbox && !checkbox.checked) || !usernameInput.value.trim() || !passwordInput.value.trim()) {
                e.preventDefault();
                e.stopPropagation();
                
                if (usernameInput && !usernameInput.value.trim()) usernameInput.focus();
                else if (passwordInput && !passwordInput.value.trim()) passwordInput.focus();
                
                return false;
            }
        });
    }
});
</script>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'NeueHaas';
	font-display: auto;
	src: url('https://event.esmodjakarta.com/wp-content/uploads/2025/07/NeueHaasUnica-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */