body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin-left: 0;
    box-sizing: border-box;
    background-color: #f6f6f6;
}

.absolute {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.bg-shape1 {
    position: absolute;
    background-color: #c4abe3; /* Mengubah warna menjadi ungu */
    z-index: -1; /* Menetapkan z-index yang lebih tinggi dari h2 */
    opacity: 0.5; /* Mengurangi opacity agar tidak terlalu solid */
    filter: blur(80px); /* Efek blur */
    width: 600px; /* Lebar shape */
    height: 100vh; /* Tinggi shape */
    top: 0; /* Memulai dari bagian atas viewport */
    left: 4px; /* Memulai dari bagian kiri viewport */

}
.card {
    background: none;
    padding: 20px;
    border-radius: none;
    text-align: center;
    width: 100%;
    max-width: 400px;
    margin-left: 2cm;
    z-index: 1;
    position: relative;
}

.image {
    width: 80px; /* Atur lebar sesuai kebutuhan */
    height: auto; /* Tinggi disesuaikan secara otomatis sesuai proporsi */
    position: absolute; /* Mengatur posisi absolut */
    top: 60px; /* Jarak dari atas */
    left: 100px; /* Jarak dari kiri */
    z-index: 0;
}
.btn-submit {
    background: linear-gradient(to right, #6358DC, #9891EE, #9891EE);
    color: white;
    width: 280px;
    height: 40px;
    padding-top: 8px;
    border: none;
    border-radius: 80px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-align: center;
    font-family: 'Poppins', sans-serif; /* Menggunakan font Poppins */
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);

}

.btn-submit:hover {
    background: linear-gradient(to right, #6358DC, #9891EE, #9891EE);
}

.custom-h2 {
    font-family: 'Poppins', sans-serif; /* Menggunakan font Poppins */
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
}
.input-box input {

    border-radius: 80px;
    width: 280px;
    height: 40px;
    margin-bottom: 20px; /* Beri jarak antara input box satu dengan yang lainnya */
    border:none;


}
.input-box2 input {

    border-radius: 80px;
    width: 280px;
    height: 40px;
    border:none;


}
.pr2{
    font-family: 'Poppins', sans-serif; /* Menggunakan font Poppins */
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #6358DC;
    text-align: center;
    margin-top: 12px;
}

.pr{
    font-family: 'Poppins', sans-serif; /* Menggunakan font Poppins */
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #404B52;
    text-align: left; /* Rata kiri teks */
    margin-left: 48px;
}

.p{
    font-family: 'Poppins';
    font-size: 14px;
    text-align: center;
    margin-bottom: 2px;
}
.small-icon {
    font-size: 16px; 
  }
/*
.input{
    background-color: white;
} */
/* misalnya di file styles.css */
.custom-font {
    font-family: 'Poppins';
    font-size: small;
    margin-left: 2px;
}
#password {
    padding-left: 10px; /* Atur padding kiri sesuai kebutuhan */
}
#email {
    padding-left: 10px;
}
#name{
    padding-left: 10px;
}
#password_confirmation{
    padding-left: 10px;
}