/* Import Google font - Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
/* Mengimpor font "Poppins" dari Google Fonts dengan berbagai bobot */

/* Reset dan pengaturan dasar untuk semua elemen */
* {
    margin: 0; /* Menghilangkan margin default */
    padding: 0; /* Menghilangkan padding default */
    box-sizing: border-box; /* Padding & border tidak menambah ukuran elemen */
    font-family: "Poppins", sans-serif; /* Font utama */
}

/* Styling untuk body */
body {
    height: 100vh; /* Mengisi tinggi penuh viewport */
    display: flex; /* Gunakan flexbox */
    align-items: center; /* Pusat vertikal */
    justify-content: center; /* Pusat horizontal */
    background: #586485; /* Warna latar belakang */
}

/* Styling untuk container */
.container {
    position: relative; /* Untuk posisi relatif elemen di dalamnya */
    max-width: 350px; /* Lebar maksimum */
    width: 100%; /* Lebar penuh */
    background: #fff; /* Latar belakang putih */
    border-radius: 12px; /* Sudut membulat */
    padding: 20px; /* Ruang dalam */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); /* Bayangan lembut */
}

/* Styling untuk header */
header {
    font-size: 18px; /* Ukuran font */
    color: #333; /* Warna teks */
    font-weight: 500; /* Ketebalan font */
    text-align: center; /* Rata tengah */
}

/* Styling untuk textarea */
textarea {
    width: 100%; /* Lebar penuh */
    height: 180px; /* Tinggi tetap */
    border-radius: 8px; /* Sudut membulat */
    margin: 20px 0; /* Jarak vertikal */
    padding: 10px 15px; /* Ruang dalam */
    resize: none; /* Nonaktifkan resize */
    outline: none; /* Hilangkan outline */
    border: 1px solid #aaa; /* Border abu-abu */
}

/* Styling untuk button */
button {
    width: 100%; /* Lebar penuh */
    padding: 14px 0; /* Ruang vertikal */
    border: none; /* Tanpa border */
    border-radius: 8px; /* Sudut membulat */
    color: #fff; /* Teks putih */
    background: #6e93f7; /* Latar biru */
    cursor: pointer; /* Pointer saat hover */
    transition: all 0.3s ease; /* Transisi halus */
}

/* Efek hover button */
button:hover {
    background: #4070f4; /* Biru lebih gelap */
}