.form-group {
     margin-bottom: 20px;
}

.form-group label {
     font-weight: 600;
     font-size: 14px;
     color: var(--secondary-dark);
     font-family: var(--font-headings);
     display: block;
     margin-bottom: 8px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
}

.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password],
.form-group input[type=date],
.form-group textarea,
.form-group select {
     padding: 12px 16px;
     border: 1px solid var(--border-color);
     border-radius: var(--radius-sm);
     width: 100%;
     font-family: var(--font-body);
     font-size: 15px;
     color: var(--text-primary);
     background-color: var(--bg-light);
     transition: var(--transition);
     outline: none;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
     border-color: var(--primary);
     background-color: #ffffff;
     box-shadow: 0 0 0 4px rgba(205, 162, 116, 0.25);
}

button, input[type=submit] {
     padding: 14px 32px;
     background: var(--primary);
     border: none;
     color: var(--secondary-dark);
     cursor: pointer;
     margin: 15px 0px;
     font-family: var(--font-headings);
     font-weight: 800;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     border-radius: var(--radius-sm);
     box-shadow: 0 4px 12px rgba(205, 162, 116, 0.2);
     transition: var(--transition);
}

button:hover, input[type=submit]:hover {
     background: var(--primary-hover);
     color: var(--secondary-dark) !important;
     transform: translateY(-2px);
     box-shadow: 0 6px 18px rgba(205, 162, 116, 0.35);
}

button:active, input[type=submit]:active {
     transform: translateY(0);
}

@media (min-width: 741px){
     .containerPilih {
          grid-template-columns: 1fr 2fr;
          display: grid;
          grid-gap: 15px;
     }
     .containerPilih li { 
          margin-right: 0px;
     }
}

.keterangan {
     color: var(--primary);
     font-size: 14px;
     margin-top: 5px;
}
.keterangan a {
     text-decoration: underline;
     font-weight: 600;
}
.numberVerify {
     font-size: 26px;
     font-weight: 800;
     color: var(--secondary-dark);
     background: linear-gradient(135deg, var(--bg-light) 0%, rgba(205, 162, 116, 0.05) 100%);
     padding: 12px 24px;
     border-radius: var(--radius-md);
     border: 2px dashed var(--primary);
     display: inline-block;
     letter-spacing: 6px;
     margin-bottom: 12px;
     box-shadow: 0 4px 12px rgba(205, 162, 116, 0.08);
}