Update style.css

style.css

@@ -43,9 +43,9 @@ input, select {
   border: 1px solid #E0E0E0;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
   transition: all 0.3s ease;
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none; /* Menghapus tampilan default dropdown */
+  -webkit-appearance: none; /* Untuk Safari */
+  -moz-appearance: none; /* Untuk Firefox */
   background-color: #fff;
   color: #555;
 }
@@ -56,14 +56,16 @@ input:focus, select:focus {
   box-shadow: 0 0 8px rgba(0, 180, 50, 0.2);
 }
 
+/* Gaya untuk elemen select agar lebih modern */
 select {
-  background-image: url('https://img.icons8.com/ios/452/down-squared.png');
+  background-image: url('https://img.icons8.com/ios/452/down-squared.png'); /* Ikon dropdown */
   background-repeat: no-repeat;
   background-position: right 10px center;
   background-size: 16px;
-  padding-right: 40px;
+  padding-right: 40px; /* Memberikan ruang untuk ikon di kanan */
 }
 
+/* Styling untuk selector mata uang */
 .currency-selectors {
   display: flex;
   justify-content: center;
@@ -106,23 +108,25 @@ button:hover {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }
 
+/* Watermark dengan Copyright */
 body::after {
-  content: "© 2025 Teggar Eka Mustaqim Sitanggang";
+  content: "Copyright © 2025 Teggar Eka Mustaqim Sitanggang";
   font-size: 16px;
   font-weight: 400;
-  color: rgba(0, 0, 0, 0.2);
+  color: rgba(0, 0, 0, 0.6); /* Menyesuaikan warna agar lebih jelas */
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   z-index: -1;
-  opacity: 0.5;
+  opacity: 0.7; /* Menyesuaikan opasitas agar tidak terlalu dominan */
   pointer-events: none;
   user-select: none;
-  letter-spacing: 2px;
+  letter-spacing: 1px; /* Mengurangi jarak antar huruf */
   text-transform: uppercase;
 }
 
+/* Responsif untuk Mobile */
 @media (max-width: 768px) {
   .container {
     padding: 30px;
@@ -142,6 +146,7 @@ body::after {
   }
 }
 
+/* Responsif untuk tampilan yang lebih besar (Tablet ke atas) */
 @media (min-width: 769px) {
   .container {
     max-width: 700px;