.elementor-437 .elementor-element.elementor-element-6e33d6d{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-437 .elementor-element.elementor-element-2aa6e19{--spacer-size:50px;}.elementor-437 .elementor-element.elementor-element-e6a02b6{padding:0px 0px 0px 0px;}body.elementor-page-437:not(.elementor-motion-effects-element-type-background), body.elementor-page-437 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00C5FF;}@media(max-width:767px){.elementor-437 .elementor-element.elementor-element-2aa6e19{--spacer-size:100px;}}@media(min-width:768px){.elementor-437 .elementor-element.elementor-element-6e33d6d{--width:40%;}}/* Start custom CSS for shortcode, class: .elementor-element-e6a02b6 *//* =============================
   Container Form
   ============================= */
.rw-account-box {

    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
     rgba(0,0,0,0.1);
    font-family: Arial, sans-serif;
}

/* =============================
   Header Form dengan Icon
   ============================= */
.rw-account-box h3 {
    text-align: center;
    color: #00C5FF;
    margin-bottom: 12px; /* dikurangi jarak bawah header */
    position: relative;
    padding-left: 35px;
    font-size: 30px;
}

/* 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;
}

/* Icon sesuai form */
.rw-account-box.register h3:before {
    background-image: url('https://cdn-icons-png.flaticon.com/512/1077/1077114.png'); /* user icon */
}
.rw-account-box.login h3:before {
    background-image: url('https://cdn-icons-png.flaticon.com/512/3064/3064197.png'); /* lock icon */
}

/* =============================
   Label + Input Rapat
   ============================= */
.rw-account-box p {
    margin: 11px 0; /* jarak antar baris (label + input) */
}
.rw-account-box input {
    width: 100%;
    padding: 7px 35px 7px 10px; /* padding input */
    margin: 0; /* hilangkan margin default input */
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
}

/* 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: 9px; /* jarak tombol */
    margin-top: 6px; /* jarak tombol ke input terakhir */
    background-color: #00C5FF;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
}
.rw-account-box button:hover {
    background-color: #079ac5;
}

/* =============================
   Link "Sudah memiliki akun?"
   ============================= */
.rw-account-box a {
    display: block;
    text-align: center;
    margin-top: 6px;
    font-size: 13px;
    color: #00C5FF;
    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: 13px;
        padding: 6px 30px 6px 8px;
    }
    .rw-account-box button {
        font-size: 14px;
        padding: 8px;
    }
}/* End custom CSS */