.elementor-386 .elementor-element.elementor-element-b4d9447{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}body.elementor-page-386:not(.elementor-motion-effects-element-type-background), body.elementor-page-386 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00C5FF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-386 .elementor-element.elementor-element-b4d9447{--width:40%;}}/* Start custom CSS for shortcode, class: .elementor-element-2388007 *//* =============================
   Container Form
   ============================= */
.rw-account-box {

    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    font-family: Arial, sans-serif;
}

/* =============================
   Header Form dengan Icon
   ============================= */
.rw-account-box h3 {
    text-align: center;
    color: #0073aa;
    margin-bottom: 12px;
    position: relative;
    padding-left: 35px;
    font-size: 20px;
}

/* Icon di header */
.rw-account-box h3:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}
.rw-account-box.register h3:before {
    background-image: url('https://cdn-icons-png.flaticon.com/512/1077/1077114.png');
}
.rw-account-box.login h3:before {
    background-image: url('https://cdn-icons-png.flaticon.com/512/3064/3064197.png');
}

/* =============================
   Label + Input Rapat + Placeholder
   ============================= */
.rw-account-box p {
    margin: 8px 0; /* jarak antar baris lebih rapat */
}
.rw-account-box input {
    width: 100%;
    padding: 10px 35px 10px 10px; /* padding input */
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px; /* font lebih besar */
    box-sizing: border-box;
}

/* Placeholder */
.rw-account-box input[name="username"]::placeholder { content: "Masukkan username"; }
.rw-account-box input[name="email"]::placeholder { content: "Masukkan email"; }
.rw-account-box input[name="telepon"]::placeholder { content: "Masukkan nomor telepon"; }
.rw-account-box input[name="password"]::placeholder { content: "Masukkan password"; }
.rw-account-box input[name="confirm_password"]::placeholder { content: "Konfirmasi password"; }

/* Icon di dalam input */
.rw-account-box input[name="username"],
.rw-account-box input[name="email"] {
    background: url('https://cdn-icons-png.flaticon.com/512/1077/1077114.png') no-repeat right 10px center;
    background-size: 18px 18px;
}
.rw-account-box input[name="password"],
.rw-account-box input[name="confirm_password"] {
    background: url('https://cdn-icons-png.flaticon.com/512/3064/3064197.png') no-repeat right 10px center;
    background-size: 18px 18px;
}
.rw-account-box input[name="telepon"] {
    background: url('https://cdn-icons-png.flaticon.com/512/597/597177.png') no-repeat right 10px center;
    background-size: 18px 18px;
}

/* =============================
   Tombol Submit
   ============================= */
.rw-account-box button {
    width: 100%;
    padding: 10px;
    margin-top: 6px;
    background-color: #00C5FF;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px; /* sama dengan input */
}
.rw-account-box button:hover {
    background-color: #079ac5;
}

/* =============================
   Link "Sudah memiliki akun?"
   ============================= */
.rw-account-box a {
    display: block;
    text-align: center;
    margin-top: 1px;
    font-size: 16px; /* sedikit lebih besar */
    color: #0073aa;
    text-decoration: none;

}
.rw-account-box a:hover {
    text-decoration: underline;
}

/* =============================
   Responsive (mobile)
   ============================= */
@media screen and (max-width: 480px) {
    .rw-account-box {
        padding: 15px;
    }
    .rw-account-box h3 {
        font-size: 18px;
        padding-left: 30px;
    }
    .rw-account-box input {
        font-size: 14px;
        padding: 8px 30px 8px 8px;
    }
    .rw-account-box button {
        font-size: 15px;
        padding: 9px;
    }
}/* End custom CSS */